javascript – WYMeditor不会将内容反映到textarea值

前端之家收集整理的这篇文章主要介绍了javascript – WYMeditor不会将内容反映到textarea值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我开始在网站上的所有内容类型上部署WYMeditor,并且看起来不错.现在我看看它是如何保存和查看的,但它没有提交任何东西,我不知道为什么.

我从几个角度看这个.在这一点上,我甚至会采取一个monkeypatch,如果我可以学习如何抓住数据,我可以在提交时将其粘贴到现场.这个或者它不能自己工作的真正原因将是巨大的.任何人有想法?

<li><label for="id_comment">comment on this article:</label> <textarea id="id_comment" rows="10" cols="40" name="comment"></textarea> 
<script type="text/javascript"> 
    $(document).ready(function(){

    jQuery("#id_comment").wymeditor({
      "toolsItems":[
         {
            "name":"Bold","css":"wym_tools_strong","title":"Strong"
         },{
            "name":"Italic","css":"wym_tools_emphasis","title":"Emphasis"
         },{
            "name":"InsertOrderedList","css":"wym_tools_ordered_list","title":"Ordered_List"
         },{
            "name":"InsertUnorderedList","css":"wym_tools_unordered_list","title":"Unordered_List"
         },{
            "name":"Indent","css":"wym_tools_indent","title":"Indent"
         },{
            "name":"Outdent","css":"wym_tools_outdent","title":"Outdent"
         },{
            "name":"Undo","css":"wym_tools_undo","title":"Undo"
         },{
            "name":"Redo","css":"wym_tools_redo","title":"Redo"
         },{
            "name":"CreateLink","css":"wym_tools_link","title":"Link"
         },{
            "name":"Unlink","css":"wym_tools_unlink","title":"Unlink"
         },{
            "name":"Paste","css":"wym_tools_paste","title":"Paste_From_Word"
         }
      ],"logoHtml":"","updateEvent":"blur","stylesheet":"/static/yui/tiny_mce.css","skin":"twopanels","classesHtml":"","updateSelector":"textarea"
      });

    });
</script></li>

解决方法

我也有同样的问题,并注意到从他们的站点提供的wymexamples目录中的示例1,Wymeditor使用特殊的元素类(CSS类)来指示需要添加额外行为的页面部分.

特别地,提交按钮有一个wymupdate类,我认为这会导致一个预提交处理程序与控件相关联.

一旦我将wymupdate类添加到我的源代码中的提交按钮,那么在提交之前,textarea字段已经填满了HTML,并且在正确的POST变量中显示了服务器端.

包括下面的示例源的相关位,使其工作…

<script type="text/javascript">
jQuery(function() {
    jQuery('.wymeditor').wymeditor();
});
</script>

<form method="post" action="">
<textarea class="wymeditor">&lt;p&gt;Hello,World!&lt;/p&gt;</textarea>
<input type="submit" class="wymupdate" />
</form>

…虽然wymupdate类关联似乎是自动化的,但是wymeditor类关联被显式触发,如< script>所示,然后这必须使它寻找类wymupdate的东西.

原文链接:https://www.f2er.com/js/151573.html

猜你在找的JavaScript相关文章