Making content editable

[polczynski]

Hello,
trying to make a div's content editable (paragraph/span).

Each time, editing a block and going into a source code option to add «contentEditable="true" » it is deleted.
Could you help or suggest a different solution?

This is for a sake of a website presenting typefaces, and this option would be a good feature to have.

Thanks!

[Richard]

Dear @polczynski

Try this! 🌝

I have created a Text Element in the Gridder:

With an ID - "editable" (it could be anything you wish) :

Then Using the following jQuery: https://stackoverflow.com/questions/3655156/html5-contenteditable-with-jquery

jQuery('#editable *').attr('contenteditable','true');

Now i can edit it:

I would suggest wrapping it in a new page event and inserting it into > Lay Options > Custom CSS & HTML > Custom <Head> Content:

<script>
    window.laytheme.on("newpageshown", function(layoutObj, type, obj){
 jQuery('#editable *').attr('contenteditable','true');

    });
</script>

https://laytheme.com/documentation.html#custom-javascript

---

Hope this helps @polczynski & best wishes 🌻

Richard

[polczynski]

That works perfectly.
Thank you so much!

Best!

[Richard]

No worries @polczynski Merry Christmas!!! 🎄