在 jQuery 实例中添加和删除 tinyMCE 实例

发布于 2024-09-30 05:15:45 字数 839 浏览 4 评论 0原文

这里有奇怪的问题。

使用使用 TinyMCE 作为文本编辑器的现有系统。

我创建了一个页面，其中包含使用 jquery sortables 的大量可移动 div。现在 TinyMCE 似乎不喜欢在 dom 中移动，所以在做了一些研究后，我似乎必须从正在移动的 div 内的文本框中删除tinymce 实例，并将其添加回拖动末尾。我可以很好地删除实例，但是当我将其添加回来时，它不会。

我有最新版本的 TinyMCE，一个稍旧版本的 jQuery（尝试更新但没有运气）。

无法解决这个问题，因此这篇文章:)

 $(function() {
    $("#categoryorder").sortable({ 
    opacity: 0.6, 
    cursor: 'move',
    revert: true,
    forcePlaceholderSize: true,
    scrollSensitivity: 40, 
    start: function(e, ui) {
             tinyMCE.execCommand( 'mceRemoveControl', false, 'textarea1' );
    },
    stop: function(e,ui) {
            // won't add back here for some reason
            tinyMCE.execCommand( 'mceAddControl', false, 'textarea1' );
            $(this).sortable( "refresh" );
    }
    });
});

不知道为什么它不会添加回来，有什么想法吗？

原文

Odd problem here.

Working with an existing system that uses TinyMCE as it's text editor.

I've created a page which contains a whole lot of movable divs using jquery sortables. Now TinyMCE doesn't seem to like being moved in the dom so after doing a bit of research it appears I have to remove the tinymce instance from the textbox within the div being moved and add it back in at the end of the drag. I can do remove the instance fine but however when I go to add it back in, it won't.

I have the most up to date version of TinyMCE, a slightly older version of jQuery (tried updating but no luck).

Can't work this out hence this post :)

 $(function() {
    $("#categoryorder").sortable({ 
    opacity: 0.6, 
    cursor: 'move',
    revert: true,
    forcePlaceholderSize: true,
    scrollSensitivity: 40, 
    start: function(e, ui) {
             tinyMCE.execCommand( 'mceRemoveControl', false, 'textarea1' );
    },
    stop: function(e,ui) {
            // won't add back here for some reason
            tinyMCE.execCommand( 'mceAddControl', false, 'textarea1' );
            $(this).sortable( "refresh" );
    }
    });
});

Not sure why it won't add back, any ideas?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

霞映澄塘 2024-10-07 05:15:45

我知道这是一篇过时的帖子，但以防万一有人在谷歌上搜索这个问题：

我不确定你想通过刷新调用来实现什么目的。

但这就是我所做的让它为我工作

我正在使用 jquery.tinymce - 只是为了尝试一下..
我在其他地方有tinymce设置，所以我可以根据我正在初始化的内容调用不同的设置，但这个概念是合理的 - 所以这里是我的可排序的启动和停止方法

start : function(event, ui) {
// mce editor needs to be removed and readded when move finsihed
     $("textarea",ui.item).tinymce().remove();
},
stop : function(event, ui) {
     $("textarea",ui.item).tinymce(myconfig.tinymcesettings);
}

I know this is an oldish post but incase someone if googling for this issue:

I am not sure what you are trying to achieve with the refresh call to sortable.

but this is what I did to make it work for me

I am using the jquery.tinymce - just to try it out..
I have the tinymce settings elsewhere so I can call different settings depending what I am initializing but the concept is sound - so here are my start and stop methods for sortable

start : function(event, ui) {
// mce editor needs to be removed and readded when move finsihed
     $("textarea",ui.item).tinymce().remove();
},
stop : function(event, ui) {
     $("textarea",ui.item).tinymce(myconfig.tinymcesettings);
}

回复收藏 0 原文

~没有更多了~