DEV Community

loading...

Placeholder supported Javascript Rich Text editor

pcmagas profile image Dimitrios Desyllas ・1 min read

I need somehow to have html templates but with some sort of placeholder text so I can easily parse it and replace placeholder text with values.

But the editor of the html files would be non tech-savy people. Hence I need to have some sort of an easy-to use js rich text editor that will also contain tools to place the placeholder texts into the specific position of the cursor.

So can you suggest me an rich text editor that offers the functionality above?

Discussion (3)

pic
Editor guide
Collapse
longnhvietnam profile image
Long Nguyen

You can use TinyMCE Rich Text Editor to create placeholder. Here is the instruction to add placeholder text in TinyMCE.

tiny.cloud/blog/tinymce-placeholde...

Collapse
eruizdechavez profile image
Erick Ruiz de Chavez

If the people editing (filling) those values are non tech savvy, why do they even need to see the HTML at all?

This problem seems to me more of a dual panel approach where regular users only see a form with inputs to fill the placeholder values, but power users can still choose to switch to a full source code view.

Collapse
pcmagas profile image
Dimitrios Desyllas Author

I can render them as something nice and train them that placing the button there will place a placeholder.

Or having a nice tool where I can place them without needing re-upload.