javascript - 使用 sortable.js 时禁用 bootstrap wysihtml5

标签 javascript jquery twitter-bootstrap jquery-ui-sortable wysihtml5

我有一组可排序的 div,每个包含我启用的文本区域 Bootstrap WYSIHTML5 .这一切都很好,直到我尝试排序,然后我丢失了文本区域的内容。

我的解决方案是在 sortable 的 start() 事件上禁用 WYSIWYG,然后在 update() 上重新启用。但是,我四处寻找执行此操作的代码,但在 GitHub 页面或其他地方找不到它。 https://github.com/bootstrap-wysiwyg/bootstrap3-wysiwyg

有谁知道在哪里可以找到这个或者有经验知道代码是什么?

郑重声明,我已经试过了,但是得到了一个未知的对象控制台错误:

$('textarea').data('wysihtml5').editor.composer.disable();

最佳答案

我遇到了同样的问题,这个解决方案似乎对我有用。问题是可排序功能似乎删除了 iframe 中的 body 标签。 为了解决这个问题,我在排序开始时将 iframe 正文标记存储在隐藏字段中,然后将其放回 iframe。

        $(".contentPanel").sortable({
            disabled: false,
            revert: true,
            start: function (e, ui) {
                $(document.getElementsByTagName("iframe")).each(function () {
                    $(".hdHtmlBag", $(this).parent()).val(this.contentWindow.document.body.outerHTML);
                });
            },
            stop: function (e, ui) {
                $(document.getElementsByTagName("iframe")).each(function () {
                    this.contentWindow.document.body.outerHTML = $(".hdHtmlBag", $(this).parent()).val();
                });
            }
        });

希望这对某人有帮助。

关于javascript - 使用 sortable.js 时禁用 bootstrap wysihtml5,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28030180/

相关文章:

javascript - 代表同一产品 3 个不同价格的价格数组

jquery - 排除 jqTransform 插件的输入

javascript - 表排序后函数停止工作

css - 如何设置每个表单组的宽度相同?

javascript - css 缩放的谷歌地图点击不正确的坐标

javascript - 如何在 td 内垂直对齐进度条?

javascript - AngularJS 是一种可以代替 JQuery 用于动画的 "front-end"语言吗?

javascript - RemoveClass 不响应两部分形式

javascript - 无法从 Imgur 相册创建随机播放的 Gif 幻灯片

android - Bootstrap - 无法单击移动设备上的下拉子菜单项,并且第一次单击不会触发导航折叠