使用NicEdit TextArea时字段为空?

时间:2017-01-25 01:52:26

标签: javascript jquery html forms richtextbox

我的网站上的模式表单上有以下TextArea。一切正常,如果我在提交表单时将文本区域留空,则会显示错误。

<div class="lineEnter displayNone lineErroRefer"><label></label> <p class="errorField displayNone" id="summaryRefer">This field is required</p></div>
<div class="lineEnter">
    <label>What knowledge, skills or abilities can this person speak to on your behalf?</label>
    <textarea class="form-control" id="refer_summary" cols=30></textarea>
</div>

现在,我想格式化此文本区域中的文本,因此我使用的是NicEdit,但我似乎无法使其正常工作。我已经更改了我的代码,但是现在当我尝试提交表单时,即使在文本区域中输入了值,也会始终显示NicEdit文本区域为空的错误。

<script type="text/javascript" src="http://js.nicedit.com/nicEdit-latest.js"></script> 
<script type="text/javascript">
    //<![CDATA[
    bkLib.onDomLoaded(function() { 
        new nicEditor({buttonList : ['fontSize','bold','italic','underline','strikeThrough','subscript','superscript']}).panelInstance('refer_summary');
    });
    //]]>
</script>

NicEdit文本区域正确显示但我必须遗漏某些内容......因为我现在无法提交表单!

感谢任何帮助!

编辑:

找到答案,我只需要从文本中获取数据,使用NicEdit的content()函数,而不仅仅是获取文本区域的值。以下工作形成了我:

var content = nicEditors.findEditor('refer_summary').getContent();

1 个答案:

答案 0 :(得分:0)

您需要保存在Nice编辑div中输入的文本,以更新您打算使用的实际文本编辑器(TextArea)。

例如:

nicEditors.findEditor(this.id).saveContent(); 

这将使得好消息人员能够更新其潜水的临时内容到它配置的任何textarea。

  $("textarea").each(function () {
                nicEditors.findEditor(this.id).saveContent();
            });

例如,对于每次单击按钮,您都希望将数据提交到服务器

你可以像这样写一个jquery函数: 对于每个按钮单击,将临时内容从NiceEdit div保存到相关文本区域。

$("button").click(function () {
            $("textarea").each(function () {
                nicEditors.findEditor(this.id).saveContent();
            });
        });