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的东西.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


kindeditor4.x代码高亮功能默认使用的是prettify插件,prettify是Google提供的一款源代码语法高亮着色器,它提供一种简单的形式来着色HTML页面上的程序代码,实现方式如下: 首先在编辑器里面插入javascript代码: 确定后会在编辑器插入这样的代码: <pre
这一篇我将介绍如何让kindeditor4.x整合SyntaxHighlighter代码高亮,因为SyntaxHighlighter的应用非常广泛,所以将kindeditor默认的prettify替换为SyntaxHighlighter代码高亮插件 上一篇“让kindeditor显示高亮代码”中已经
js如何实现弹出form提交表单?(图文+视频)
js怎么获取复选框选中的值
js如何实现倒计时跳转页面
如何用js控制图片放大缩小
JS怎么获取当前时间戳
JS如何判断对象是否为数组
JS怎么获取图片当前宽高
JS对象如何转为json格式字符串
JS怎么获取图片原始宽高
怎么在click事件中调用多个js函数
js如何往数组中添加新元素
js如何拆分字符串
JS怎么对数组内元素进行求和
JS如何判断屏幕大小
js怎么解析json数据
js如何实时获取浏览器窗口大小
原生JS实现别踩白块小游戏(五)
原生JS实现别踩白块小游戏(一)