使用sortable.js时禁用引导wysihtml5

亚当·莫斯

我有一组可排序的div,每个div包含已启用Bootstrap WYSIHTML5的文本区域一切正常,直到我尝试排序,然后我丢失了textarea的内容。

我的解决方案是在可排序的start()事件上禁用所见即所得,然后在update()上重新启用。但是,我一直在寻找实现此目的的代码,在GitHub页面或其他任何地方都找不到它。https://github.com/bootstrap-wysiwyg/bootstrap3-wysiwyg

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

作为记录,我已经尝试过了,但是得到了一个未知的对象控制台错误:

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

我遇到了同样的问题,这种解决方案似乎对我有用。问题在于可排序功能似乎抹去了iframe中的body标签。为了解决这个问题,我将在排序开始时将iframe主体标签存储在hiddenfield中,然后将其放回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();
                });
            }
        });

希望这对某人有帮助。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

AngularJS引导WYSIHTML5编辑器

来自分类Dev

使用jquery sortable拖动时隐藏表格的行

来自分类Dev

当用户移动元素时,如何使用jQuery sortable更新div ID?

来自分类Dev

如何在使用 jqueryui sortable 拖动时为表格行中的 td 元素设置样式

来自分类Dev

wysihtml5覆盖链接对话行为

来自分类Dev

WYSIHTML5 textarea内容未清除

来自分类Dev

wysihtml5覆盖链接对话行为

来自分类Dev

WYSIHTML5 textarea内容未清除

来自分类Dev

尝试使用jQuery,jQuery UI Sortable和Express JS更新MongoDB

来自分类Dev

在wysihtml5编辑器中插入超链接时设置焦点

来自分类Dev

使用UI Sortable,当我单击按钮时,是否可以根据给定的值将项目移动到新位置?

来自分类Dev

使用jQuery sortable检测下降

来自分类Dev

使用引导选择时使用 JQuery 启用/禁用选项

来自分类Dev

如何在视图中包含来自wysihtml5的html?

来自分类Dev

如何正确调整wysihtml5 textarea的大小

来自分类Dev

wysihtml5和淘汰赛给空的iframe

来自分类Dev

wysihtml5编辑器-不设置样式按钮

来自分类Dev

如何正确调整wysihtml5 textarea的大小

来自分类Dev

Bootstrap wysihtml5显示额外的字符串

来自分类Dev

jQuery-ui sortable-禁用后再次启用sortable

来自分类Dev

当使用jQuery ui sortable时,有没有一种方法可以按编程方式按某个值排序?

来自分类Dev

使用jQuery Sortable检索多个属性

来自分类Dev

使用sortable在列表中获取价值

来自分类Dev

不能使用角度ui-sortable

来自分类Dev

使用jQuery UI Sortable显示隐藏

来自分类Dev

加载ajax时jquery sortable无法运行

来自分类Dev

JavasScript-销毁Sortable.js元素

来自分类Dev

为什么wysihtml5无法加载到我的textarea中?

来自分类Dev

wysihtml5 bootstrap3-wysiwyg字体大小和<p>至<br>

Related 相关文章

  1. 1

    AngularJS引导WYSIHTML5编辑器

  2. 2

    使用jquery sortable拖动时隐藏表格的行

  3. 3

    当用户移动元素时,如何使用jQuery sortable更新div ID?

  4. 4

    如何在使用 jqueryui sortable 拖动时为表格行中的 td 元素设置样式

  5. 5

    wysihtml5覆盖链接对话行为

  6. 6

    WYSIHTML5 textarea内容未清除

  7. 7

    wysihtml5覆盖链接对话行为

  8. 8

    WYSIHTML5 textarea内容未清除

  9. 9

    尝试使用jQuery,jQuery UI Sortable和Express JS更新MongoDB

  10. 10

    在wysihtml5编辑器中插入超链接时设置焦点

  11. 11

    使用UI Sortable,当我单击按钮时,是否可以根据给定的值将项目移动到新位置?

  12. 12

    使用jQuery sortable检测下降

  13. 13

    使用引导选择时使用 JQuery 启用/禁用选项

  14. 14

    如何在视图中包含来自wysihtml5的html?

  15. 15

    如何正确调整wysihtml5 textarea的大小

  16. 16

    wysihtml5和淘汰赛给空的iframe

  17. 17

    wysihtml5编辑器-不设置样式按钮

  18. 18

    如何正确调整wysihtml5 textarea的大小

  19. 19

    Bootstrap wysihtml5显示额外的字符串

  20. 20

    jQuery-ui sortable-禁用后再次启用sortable

  21. 21

    当使用jQuery ui sortable时,有没有一种方法可以按编程方式按某个值排序?

  22. 22

    使用jQuery Sortable检索多个属性

  23. 23

    使用sortable在列表中获取价值

  24. 24

    不能使用角度ui-sortable

  25. 25

    使用jQuery UI Sortable显示隐藏

  26. 26

    加载ajax时jquery sortable无法运行

  27. 27

    JavasScript-销毁Sortable.js元素

  28. 28

    为什么wysihtml5无法加载到我的textarea中?

  29. 29

    wysihtml5 bootstrap3-wysiwyg字体大小和<p>至<br>

热门标签

归档