Geshi style code view for editors, instead of end users

By Autosme on 21 Aug 2018 at 08:22 UTC

Is there some way to have HTML code (color code) view for editors, when using a plain editor (no WYSIWYG )?
I write the HTML myself, it would be nice when it looks better formatted.

Comments

Is there some way to have

Jaypan commented 21 August 2018 at 08:29

Is there some way to have HTML code (color code) view for editors, when using a plain editor (no WYSIWYG )?

No. Text in a textarea cannot be formatted.

Although I guess you could create your own contenteditable element, and apply the formatting using that.

contenteditable element

bhaskar-chakraborty commented 21 August 2018 at 10:16

Could you please guide how to use this contenteditable element in a drupal site.I do not find anything on that.

Unfortunately, it's not

Jaypan commented 21 August 2018 at 11:38

Unfortunately, it's not something that can be explained in a forum post. There are too many small details. The best I can give you the overview of how it will work, but you'll need to spend some time learning how to code in Drupal to be able to accomplish it:

1) You'll have to add a textarea that will hold the actual text. This will need to be hidden with CSS.

2) Create a div with contenteditable set to TRUE. Add some JavaScript that copies the value of this div to the hidden textarea on keyup.

3) Apply your geshi filter to the contenteditable div with the JS, on content up.