所见即所得文本编辑器未触发文本区域文本 - WYSIWYG Text Editor Not Triggering TextArea Text

WYSIWYG Text Editor Not Triggering TextArea Text

我正在使用带有jQuery Bootstrap LineControl Editor的响应式所见即所得文本编辑器但当表单被张贴时，textarea值为null，还有一件事我在textarea上使用了Required Attribute，但表单仍然被张贴，而没有在text area中输入文本。下面是我的代码-

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>

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

解决方案：你Div With Class Editor编辑器有你在所见即所得编辑器中键入的Value，你需要把它放在你的编辑器中。但是的，我们可以使用jquery类选择器轻松做到这一点。请参阅下面的代码-

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

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

现在就够了你放置所见即所得编辑器的上面会有你在所见即见编辑器中键入的文本

我之前在使用一些编辑器时注意到，编辑器实际上是与您使用不同ID创建的文本区域分开创建的。可能值得使用firebug等工具检查一下，编辑器肯定使用了ID"txtEditor"