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.

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

HTML Editor that can work well with the dotLiquid tags #433

Open
panayiotisp opened this issue Apr 14, 2021 · 4 comments
Open

HTML Editor that can work well with the dotLiquid tags #433

panayiotisp opened this issue Apr 14, 2021 · 4 comments
Labels

Comments

@panayiotisp
Copy link

Does anyone know any html editor control that works well with the liquid tags?
I am having issues with tinymce as it breaks up when I use a loop within a table .

@microalps
Copy link
Contributor

Personally I didn't try this because an HTML Editor will probably try to be 'smart' and encapsulate any fragment in paragraph elements - messing up the entire layout.

A quick Google search found https://github.com/carsonreinke/ckeditor-liquid (although not actively supported, the idea might work). Please post what you find (and if you try it), for everyone's sake.

@sebastienros
Copy link

Monaco editor? https://microsoft.github.io/monaco-editor/
You can use the handlebars language which is the closest

@HybridSolutions
Copy link

HybridSolutions commented Apr 15, 2021

Found this one but you have to fix some errors in css urls. Has syntax check :)
https://github.com/tobi/liquid-editor

image

The original code is abandoned since it has no changes in the last 12 years. Would be great to have this in Dotliquid ;)

Ace or Monaco are both great but no error checking so for this kind of thing is useless.

@jheathco
Copy link

jheathco commented Apr 13, 2022

The best option I've found is to throw comments around the loop tags, e.g.

<!--{% for item in items %}-->

Edit: by microalps to fix render of comment

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

5 participants