如何在內容可編輯 Div 中渲染 HTML（或使用 jQuery 外掛）？

在Textarea 中渲染HTML

與文字區域不同，內容可編輯div 將其內容解釋為HTML，讓您在其中渲染HTML 標籤。要使用內容可編輯的div，請按照以下步驟操作：

1. 包含以下HTML 程式碼：

   <div contenteditable="true"></div>

2. 依需求新增CSS樣式。例如：

   div.editable {
    width: 300px;
    height: 200px;
    border: 1px solid #ccc;
    padding: 5px;
   }

3. 內容可編輯 div 現在可用於呈現 HTML 標籤，例如 、、 和 。一個>。例如：

   <div contenteditable="true">
    This is the first line.<br>
    See, how the text fits here, also if<br>
    there is a <strong>linebreak</strong> at the end?<br>
    It works nicely.<br>
    <br>
    <span>

jQuery 插件替代

如果您喜歡使用jQuery 插件，請考慮以下選項：

>

X-可編輯： https://github.com/vitalets/x-editableTinyMCE: https://www.tinymce.com/CKEditor: https://ckeditor.com/這些外掛程式提供了附加功能和自訂選項在文字區域內渲染 HTML。

以上是如何在內容可編輯 Div 中渲染 HTML（或使用 jQuery 外掛）？的詳細內容。更多資訊請關注PHP中文網其他相關文章！