I use Marked2 to preview document stored in DEVONthink. I would like to use the same syntax highlighter with Marked 2 that I do with DEVONthink. I use a custom implementation of Prism.
Could a way be made to allow a file or a block of code to be injected into the HEAD of the rendered/processed HTML?
|?||Show this help|
|ESC||Blurs the current field|
|r||Focus the comment reply box|
|^ + ↩||Submit the comment|
You can use
Command ⌘ instead of
Control ^ on Mac
Support Staff 1 Posted by Brett on 19 Mar, 2023 08:09 PM
I've considered allowing this before, but don't have current plans to
make it a preference option. However, you can, with a little effort,
create a custom preprocessor to inject anything you want into the source
prior to rendering.
A custom preprocessor would be a script that basically just took the
STDIN input (via `cat` if a shell script), and output it along with
whatever content you wanted to add. You would then make the script
executable, and add the path to the script to the Advanced->Custom
Preprocessor pane in Preferences. Let me know if you need further
details on how that would work. I can provide an example script if
On 19 Mar 2023, at 11:55, mark wrote:
2 Posted by mark on 19 Mar, 2023 09:15 PM
I tried this, but it does not appear to be working. What am I doing wrong?
I made a "preprocessor", the following shell script.
I set the custom preprocessor. See screen-shot.
I made a test file,
test.md. See attached.
I opened the file in Marked2 and reviewed the preprocessor log. It looks fine to me.
What is strange is that the Prism script does not appear to be executing. Should I reference it differently?
Also I replied to the wrong message in support.markedapp.com/discussions. I see no way to delete my comment. Would you please delete my comment here -> http://support.markedapp.com/discussions/suggestions/487-customizin...
3 Posted by mark on 19 Mar, 2023 09:19 PM
Actually it looks like it works only if I use both the custom preprocessor and a custom processor.
4 Posted by mark on 19 Mar, 2023 09:19 PM
In this case I want to be able to use these separately.
5 Posted by mark on 19 Mar, 2023 11:31 PM
In any case, the custom preprocessor looks useful.
Support Staff 6 Posted by Brett on 20 Mar, 2023 12:06 AM
It's been a while since I looked at it, but the preprocessor may be suffering from the main processor stripping the script tag out for safety, and then rendering without it. I don't see the tag appearing in the actual DOM, so I may have given you bad advice. If you want to use it as the actual processor, you'll also need to include a step that renders it using your Markdown processor of choice (output from the processor is displayed raw and expects HTML).
You'll probably also run into an issue when the preview updates, as it will simply replace the inner contents of the preview but not actually reload. In this case you'll want to use the Marked.hooks.register() function to add a reload function.
On 19 Mar 2023, at 18:31, mark wrote:
7 Posted by mark on 20 Mar, 2023 03:56 PM
I followed this.
But for a simple test, did not add the second part.
Thank you for your help.
Support Staff 8 Posted by Brett on 20 Mar, 2023 05:32 PM
There's no special syntax for including scripts, although if you're using the MultiMarkdown processor, you can add a
xhtml header:meta key and include a script that way. It would have the same effect, though.
It appears I was wrong about Marked stripping scripts out, using just a preprocessor to inject, when I open the Inspector (right click, inspect element), the Prism functions are available in the console.
Testing with a default version of Prism.js and the preprocessor you created, I do actually see prism loading I think that nothing is triggering the highlighting, though, which is where the hook would come in. Something that calls Prism's highlight function. It would also need to trigger for an initial render (on document ready).
The above doesn't actually work, as I haven't dug into how exactly Prism's functions work, but it seems to be on the right track. If you have a little JS experience, you can probably figure out what needs to be done from there.