<![CDATA[Making content editable]]>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!

]]>https://laythemeforum.com/topic/7482/making-content-editableRSS for NodeWed, 19 Aug 2026 08:08:37 GMTSun, 19 Dec 2021 02:13:20 GMT60<![CDATA[Reply to Making content editable on Mon, 20 Dec 2021 21:52:11 GMT]]>No worries @polczynski Merry Christmas!!! 🎄

]]>https://laythemeforum.com/post/27807https://laythemeforum.com/post/27807Mon, 20 Dec 2021 21:52:11 GMT<![CDATA[Reply to Making content editable on Mon, 20 Dec 2021 12:39:02 GMT]]>That works perfectly.
Thank you so much!

Best!

]]>https://laythemeforum.com/post/27794https://laythemeforum.com/post/27794Mon, 20 Dec 2021 12:39:02 GMT<![CDATA[Reply to Making content editable on Sun, 19 Dec 2021 23:15:21 GMT]]>Dear @polczynski

Try this! 🌝

I have created a Text Element in the Gridder:
Screen Shot 2021-12-20 at 11.54.42 AM.png

With an ID - "editable" (it could be anything you wish) :
Screen Shot 2021-12-20 at 11.55.48 AM.png

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

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

Now i can edit it:
Screen Shot 2021-12-20 at 11.57.23 AM.png

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

Screen Shot 2021-12-20 at 12.14.07 PM.png

Hope this helps @polczynski & best wishes 🌻
Richard
]]>https://laythemeforum.com/post/27776https://laythemeforum.com/post/27776Sun, 19 Dec 2021 23:15:21 GMT