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:
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

polczynski

That works perfectly.
Thank you so much!

Best!

Richard

No worries @polczynski Merry Christmas!!! 🎄