所见即所得文本编辑器不触发 TextArea 文本答案

【问题标题】：WYSIWYG Text Editor Not Triggering TextArea Text所见即所得文本编辑器不触发 TextArea 文本
【发布时间】：2016-07-31 10:29:47
【问题描述】：

我正在使用 Responsive-WYSIWYG-Text-Editor-with-jQuery-Bootstrap-LineControl-Editor 但是，当表单发布时，textarea 值为空，而且我在 TextArea 上使用了必需属性但仍然发布表单而不在 textarea 中输入文本。下面是我的代码 -

HTML 代码

<textarea name="Content" id="txtEditor" class="form-control" placeholder="Have a New Face To Slap! Post Here" maxlength=250 required></textarea>

Jquery 代码

    //I am Enable TextEditor On TextArea Click
$(document).ready(function() {
        $("#txtEditor").click(function(){
                $("#txtEditor").Editor();

        });

以下 div 由 WYSIWYG 编辑器生成，该编辑器保存在 Textarea 中输入的值

<div class="Editor-editor" contenteditable="true" style="overflow: auto;">Text Area value&nbsp;</div>

【问题讨论】：

标签： php jquery wysiwyg text-editor bootstrap-wysiwyg

【解决方案1】：

我没有使用 WYSIWYG 编辑器，但根据您的问题，我有一个解决方案可供您使用。

解决方案：您使用类编辑器编辑器的 Div 具有您在所见即所得编辑器中键入的值，您需要将其放入您的但是是的，我们可以使用 jquery 类选择器轻松做到这一点，请参见下面的代码 -

你必须有一个带有提交按钮的标签，所以我们正在尝试从 To 复制内容

<button class="btn btn-primary pull-right" type="Submit" onclick=" $('#txtEditor').val($('.Editor-editor').text());">Post</button>

现在已经足够了，您放置所见即所得编辑器的上面将包含您在所见即所得编辑器中键入的文本

【讨论】：

让我试试这个解决方案
谢谢，我认为这将有助于我现在发布价值

【解决方案2】：

我之前在使用某些编辑器时注意到，编辑器实际上是与您使用不同 ID 创建的 textarea 分开创建的。可能值得使用 firebug 之类的工具检查编辑器肯定使用 ID“txtEditor”

【讨论】：

是的，它使用 txtEditor 并在 textarea 旁边添加一个 div，但是 textarea 是否有任何方法包含该文本
编辑器中的错误？如果您正在寻找一个好的所见即所得编辑器，我推荐 tinymce - tinymce.com