Feature: custom render

[elevatebart]

In vue-live and to simplify the reading of examples, we have a pseudo-jsx language not supported by prism.

Essentially it's JS until the first "<" sign.

To avoid odd bugs, I added a highlight prop. It expects a function exactly with the same prototype as prism: function highlight(sourceCode, language) and return html highlighted code.

Thank you in advance.

[koca]

Hey @elevatebart, thanks for the PR! I'm not sure if this will play well with the editor's internals. Say you changed/updated/added a char in your custom highlight function it will cause focus issues etc. So I need to test this before merging it. I'll take a look this weekend. Thanks 😊

[koca]

Hey @elevatebart, just tried and this is a great idea and it works when the highlight function returns html(AFAIK). Doesn't work if you add or remove a char.

[koca]

Update: Im working on this issue and the next version of vue-prism-editor. So stay tuned 😊

[elevatebart]

oooooooh !! can't wait !!

[elevatebart]

Hello @koca ,

I am open to peer programming on this one of these days.
We should look at this together.

Bart

[koca]

Hey @elevatebart Great idea! i'd love to pair. But its almost done. New version will support this feature by default. After i release the new version we can do pair :)

[koca]

Released new version v1 🎉