按照以下说明操作:
http://www.farinspace.com/multiple-wordpress-wysiwyg-visual-editors/

我的MetaBoxes中有一些不错的WYSIWYG编辑器

我的标记看起来像:

<div class="sortable">
 <div class="sortme">
<?PHP $mb->the_field('extra_content2'); ?>
        <div class="customEditor"><textarea name="<?PHP $mb->the_name(); ?>"><?PHP echo wp_richedit_pre($mb->get_the_value()); ?></textarea></div>
</div>
 <div class="sortme"
<?PHP $mb->the_field('extra_content3'); ?>
        <div class="customEditor"><textarea name="<?PHP $mb->the_name(); ?>"><?PHP echo wp_richedit_pre($mb->get_the_value()); ?></textarea></div>
</div>
</div>

对于包含在div中的textarea,这只是WP_alchemy(也来自farinspace.com)

和告诉tinymce的脚本:

function my_admin_print_footer_scripts()
{
    ?><script type="text/javascript">/* <![CDATA[ */

        jQuery(function($)
        {
            var i=1;
            $('.customEditor textarea').each(function(e)
            {
                var id = $(this).attr('id');

                if (!id)
                {
                    id = 'customEditor-' + i++;
                    $(this).attr('id',id);
                }
                tinyMCE.execCommand('mceAddControl',false,id);

            });
        });
    /* ]]> */</script><?PHP
}

// important: note the priority of 99,the js needs to be placed after tinymce loads
add_action('admin_print_footer_scripts','my_admin_print_footer_scripts',99);

那部分工作正常.但是当我尝试jqueryUI可以排序时:

$('.sortable').sortable();

它让我可以对多个.sortme div进行排序,但编辑器中的内容会消失.我怎样才能使文字持续存在?它对于tinymce编辑器工作得很好,所以我认为这是一种冲突,不知何故.

解决方法

这($(‘.sortable’).sortable();)不适用于tinymce编辑器. Tinymce不喜欢被拖到dom周围.为了使它工作,你首先需要关闭Tinymce
tinyMCE.execCommand('mceRemoveControl',id);

然后排序然后重新初始化它们

tinyMCE.execCommand('mceAddControl',id);

jquery-ui使用TinyMCE编辑器对div进行排序会导致文本消失的更多相关文章

  1. html+js 实现markdown编辑器效果

    这篇文章主要介绍了html+js 实现markdown编辑器效果,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  2. 从xcode ios中删除未使用的方法

    我正在使用带有目标c的xcode9.我想从类中删除未使用的变量和方法.我也使用这种方式,但xcode不警告未使用的方法等.如何找出?

  3. 将Emacs与Xcode 4一起使用?

    如果出于某种原因Apple疯狂并从Xcode中删除了这个功能,有没有办法从Emacs中编辑xcodeproj,以及构建和使用iPhone模拟器?

  4. 如何在Xcode 4.4.1中的Core Data Model编辑器中完全删除实体描述

    用户界面中只存在“添加实体”按钮.解决方法>突出显示要删除的实体.>按退格键(删除)键.

  5. 在XCode中禁用Word-Wrap

    我想在XCode中禁用Word-Wrap“功能”.可以这样做吗?

  6. Xcode数据模型编辑器不出现

    解决方法我遇到了一个类似的问题.问题是项目目录结构及其在XCode中的配置方式.更多细节:XCodeCant’EditCoreDataModel

  7. xcode4 – 如何关闭分割窗口/相邻编辑器 – Xcode 4

    我通过玩Xcode4中的菜单进行管理,在相邻编辑器中打开一个窗口.不幸的是,我无法找出如何关闭该窗口.你如何做到这一点?解决方法我通过转到’view>编辑>标准“,并将视图重置为标准的一个窗口视图.我还没弄清楚为什么新窗口右上角的x是灰色的.不是一个完美的解决方案,而是解决方案

  8. osx – Xcode 8扩展在编辑器菜单中不可见

    谢谢您的帮助.解决方法我想到了.默认情况下,项目未签名.单击项目并转到常规设置,然后在macOS应用程序和扩展程序目标上选择启用开发签名修复问题.

  9. 如何解决XCode滑动手势去上一个/下一个文件冻结编辑器?

    从今天早上起,我在小牛的XCode5中面临着一个非常烦人的bug:我用来从左到右用两根手指在MacBook触控板上滑动,以前往/下一个文件进入XCode编辑器.但是,现在,这样做完全冻结了编辑器,刚刚移动了像5像素的东西.之后,我必须关闭XCode并重新打开它,使编辑器重新工作.按下上一个/下一个按钮,因为它不会触发这个错误的动画.有没有人有这个问题或有任何线索来解决它?

  10. ios – 如何设置IBInspectable Int的最大限制

    我在Swift中使用IBInspectableInt来选择4种形状(0-3),但是在故事板编辑器中可以设置大于3且小于0的值,这会阻止IBDesignable系统工作.是否可以设置故事板编辑器中可以设置的值的最小和最大限制?解决方法没有办法限制用户在Storyboard中输入的内容.但是,您可以使用计算属性阻止存储无效值:然后你也可以使用枚举而不是常量来在内部表示不同的形状类型.

随机推荐

  1. jquery-plugins – 是否可以使用猫头鹰旋转木马实现循环/无限轮播?

    我正在使用猫头鹰旋转木马,它的工作完美,除了它不支持循环/无限滚动.我没有搜索google和stackoverflow的想法,没有运气.有没有人在猫头鹰旋转木马上实现圆形/无限滚动?

  2. jQuery动态输入字段焦点

    我想使用以下jQuery向我的页面动态添加一个输入字段:在这样做之后,我希望输入字段具有闪烁的文本光标的焦点,所以我想在创建后立即输入.有人可以告诉我我该怎么办?

  3. jquery – 为什么$(window).height()这样错了?

    我试图获取当前浏览器的视口高度,使用但我得到的价值观太低了.当视口高度高达850px时,我从height()获取大约350或400像素的值.这是怎么回事?

  4. jquery – 如果在此div之外和其他draggables内部(使用无效和有效的还原选项),则可拖动恢复

    例如这样但是由于明显的原因,这不行.我可以说这个吗?

  5. 创建一个jQueryUI 1.8按钮菜单

    现在jQueryUI1.8已经出来了,我正在浏览更新,并且遇到了新的Buttonwidget,特别是SplitButtonwithadropdown的演示之一.这个演示似乎表明Buttonwidget可以在这里创建一个下拉菜单.作为讨论的问题,我想知道使用这个新的Button小部件来创建一个下拉菜单有什么方法.干杯.解决方法您必须在按钮下方列出一个列表,方式类似于此处为自动完成提供的演示:http

  6. 灰色divs使用JQuery

    我试图使用这个代码:为了淡出一大堆名为MySelectorDiv的div,唯一的是,它只会淡出第一个而不是所有的div,为什么呢?

  7. 使用jQuery动态插入到列表中

    我有两个订单列表在彼此旁边.当我从一个列表中选出一个节点时,我想按照字母顺序插入到另一个列表中.抓住的是我想要把一个元素放在另一个列表中,而不刷新整个列表.奇怪的是,当我插入到右边的列表中,它工作正常,但是当我插入到左边的列表中时,顺序永远不会出来.我也尝试将所有内容读入数组,并将其排序在一起,以防止children()方法没有按照显示顺序返回任何东西,但是我仍然得到相同的结果.这是我的jQuer

  8. 没有回应MediaWiki API使用jQuery

    我试图从维基百科获取一些内容作为JSON:但我没有回应.如果我粘贴到浏览器的地址栏,就像我得到预期的内容.怎么了?解决方法您需要通过添加&callback=?来触发具有$.getJSON()的JSONP行为?在querystring上,像这样:Youcantestithere.没有使用JSONP,你正在击中same-originpolicy,阻止XmlHttpRequest获取任何数据.

  9. jQuery Ajax请求每30秒

    我有这段代码,但是有些人在我的网站上的值可能会改变.我需要每30秒钟更新一次#financediv.这可以做吗解决方法您可以将代码放在单独的函数中,如下所示:然后每30秒建立一个定时器调用该函数:祝你好运!总结以上是DEVMAX为你收集整理的jQueryAjax请求每30秒全部内容。如果觉得DEVMAX网站内容还不错,欢迎将DEVMAX网站推荐给好友。

  10. jquery – keypress事件在IE和Chrome中不工作,但在FF工作

    任何想法为什么会这样发生?我通常认为Chrome会更加宽容代码?这是我的按键键.我错过了什么吗?右图();和leftimage();是应该工作的功能,因为我在其他地方使用这些功能谢谢您的帮助!

返回
顶部