Coder Social home page Coder Social logo

Comments (8)

driesvints avatar driesvints commented on June 7, 2024 1

Syntax highlighting is more a styling thing so not really something directly for this library specifically.

from blade-ui-kit.

devingray avatar devingray commented on June 7, 2024

Closing because I was being dumb.

from blade-ui-kit.

driesvints avatar driesvints commented on June 7, 2024

@devingray what happened? You had me puzzled there heh

from blade-ui-kit.

devingray avatar devingray commented on June 7, 2024

I used double braces {{ $x }} instead of escaped braces {!! $x !!}

from blade-ui-kit.

driesvints avatar driesvints commented on June 7, 2024

Hmm, need to try that out. Might need to update the docs. Gonna re-open to look at this later.

from blade-ui-kit.

devingray avatar devingray commented on June 7, 2024

All good. I am busy updating my custom markdown converter to use this.

Would be great in the docs to add a small section on syntax highlighting with highlight js (I believe this is what you are using along side a dark theme?)

If I just put content directly in

<x-markdown flavor="github">
            # Hello
            ```php
            echo "Hello";
            return true;
            ```
</x-markdown>

It works :)

from blade-ui-kit.

SarahSibert avatar SarahSibert commented on June 7, 2024

I had the same problem with this. I think it's because in the docs it says to use:

<x-markdown>{{ $markdown }}</x-markdown>

but to get it to work you have to use

<x-markdown>{!! $markdown !!}</x-markdown>

from blade-ui-kit.

driesvints avatar driesvints commented on June 7, 2024

This was indeed a docs issue. Sorry about that. I'll push a fix in a few.

from blade-ui-kit.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.