WYMeditor不会将内容反映到文本区域值

我开始在网站上的所有内容类型中部署WYMeditor，并且它看起来不错。现在我看到它是如何工作保存和查看，但它没有提交任何内容，我不知道为什么。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>

来源

2009-03-05 ironfroggy

我有同样的问题，并从看着例1中的Wymeditor使用特殊元素类（CSS类），从他们的网站提供的wymexamples目录注意到指示页面这就需要有多余的零件行为添加到他们。

特别是，提交按钮有一个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类的关联似乎是AUTOMAGIC ，wymeditor类关联被明确触发，如<script>所示，然后这必须使它寻找类wymupdate的东西。

来源

2009-04-16 06:01:06

不幸的是，这不是我遇到的问题。这并不是原始textarea在提交（它确实）时获得正确内容的问题，但是当启用html-编辑模式时，它将显示raw-html textarea和WYMeditor的富文本编辑字段，然后编辑一个不会改变其他。 – ironfroggy 2009-04-19 15:07:55

没错，WYMeditor没有反映没有wymupdate类的变化回textarea。 – 2010-07-20 03:59:24

取而代之的是：

"updateEvent":"blur", 
"updateSelector":"textarea"

你需要：

"updateEvent":"click",  
"updateSelector":"[type=submit]"

来源

2011-04-16 23:16:37 aky

您还可以强制更新所有wymeditors，这是我需要做之前，实际提交，因为我有这样的操作自定义功能textarea内容。

document.addEventListener('submit',function(e){ 
    e.preventDefault(); 
    //update all the wymeditors 
    var i=0,wym = jQuery.wymeditors(i); 
    while(wym){ 
     i++; 
     wym._element.html(wym.xhtml()); 
     //wym.update();//would use this, but it is not reliable 
     wym = jQuery.wymeditors(i); 
    } 
    e.target.submit(); 
});

来源

2012-06-02 13:39:48

WYMeditor不会将内容反映到文本区域值

回答

相关问题