Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

How to hide the chain icon on heading? #120

Open
ooker777 opened this issue May 23, 2024 · 2 comments
Open

How to hide the chain icon on heading? #120

ooker777 opened this issue May 23, 2024 · 2 comments

Comments

@ooker777
Copy link

It's my surprise that I'm unable to google out the upstream gfm repo, so I don't know where to ask elsewhere. I don't want to have the chain icon on the anchor:

If it's only show up when hovering it will be great. I can do css stuff but it's better to have it by default.

import { render } from "gfm";

export default function App() {
  const gfm = render("# hello");
  return (
    <div>
      <h1>Not gfm</h1>
      <div dangerouslySetInnerHTML={{ __html: gfm }} />
    </div>
  );
}
@Mrashes
Copy link
Contributor

Mrashes commented Jun 27, 2024

This can be accomplished by including the CSS. It adds the links on hover and makes it not static. Here is your example (in fresh) where we leverage a component and have it generate on hover:

import { Head } from "$fresh/runtime.ts";
import { CSS, render } from "jsr:@deno/gfm";

export function QuickTest() {
  const gfm = render("# hello");
  return (
    <>
        <Head>
            <style dangerouslySetInnerHTML={{ __html: CSS }} />
        </Head>
        <div>
            <h1>Not gfm</h1>
            <div class="markdown-body" dangerouslySetInnerHTML={{ __html: gfm }} />
        </div>
    </>
  );

Unsure who has the power to close issues but as this is resolved by the packages css, think this issue is closed

@florianfmmartin
Copy link

Please remove the icon, this lib is a translator from MD to HTML, it should not add any unnecessary classes and svgs.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@ooker777 @Mrashes @florianfmmartin