Hi @dpana ,
Do you want to format a multiple line of text field to html text?
I suggest you load rich text editor on a blank element(just add CDN libraries in Web template source code), then use javascript to populate default multi line text field with content in rich text editor, when everything is tested well, hide the default input field with js or css.
Web template code:
<script src="https://cdn.quilljs.com/1.3.6/quill.min.js"></script>
<link rel="stylesheet" href="https://cdn.quilljs.com/1.3.6/quill.snow.css">
<div class="container">
<div class="row">
<div class="col-md-12">
{% entityform name: 'My Portal Contact Form' %}
</div>
</div>
<div class="row">
<div class="col-md-12">
<p style="font-weight: bold">Description</p>
<div id="editor"></div>
</div>
</div>
</div>
<script>
var editor = document.getElementById("editor");
var options = {
placeholder: 'Add your description ..',
theme: 'snow',
modules: {
toolbar: [
['bold', 'italic'],
['link', 'blockquote', 'code-block', 'image'],
[{
list: 'ordered'
}, {
list: 'bullet'
}]
]
}
};
var qseditor = new Quill(editor, options);
var content = editor.childNodes[0];
content.addEventListener("mouseleave", function(){
document.getElementById("description").value = this.innerHTML.replace(/<p[^>]*>/g, "").replace(/<\/?p[^>]*>/g, "\n");
});
</script>
You can use it for your own entity form for test.
Here's a similar issue for your reference:
https://community.dynamics.com/crm/f/microsoft-dynamics-crm-forum/382592/html-wysiwyg-editor-for-dynamics-365-portals/1019566#1019566
Best regards,
