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

Question

我正在使用 Responsive-WYSIWYG-Text-Editor-with-jQuery-Bootstrap-LineControl-Editor 但是，当发布表单时，textarea 值为 null，还有一件事我在 TextArea 上使用了 Required Attribute 但仍然发布了表单，而没有在 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 由所见即所得编辑器生成，其中包含在文本区域

中输入的值

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

Answer 1

我以前在使用某些编辑器时注意到，编辑器实际上是与您使用不同 ID 创建的文本区域分开创建的。可能值得使用像 firebug 这样的工具来检查编辑器是否确实使用了 ID "txtEditor"

Answer 2

我没有使用过所见即所得的编辑器，但是根据您的问题，我有一个解决方案可供您使用。

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

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

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

这就够了你放置所见即所得编辑器的地方将有你在所见即所得编辑器中输入的文本

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

WYSIWYG Text Editor Not Triggering TextArea Text

php

jquery

wysiwyg

text-editor

bootstrap-wysiwyg