标签: tinymce

在我拥有的页面上,我需要偶尔在DOM树中移动TinyMCE编辑器.但是,出于某种原因,编辑不喜欢它:它完全清除并变得无法使用.据我所知,这种行为在Safari 4和Firefox 3.6之间是一致的,但不是Internet Explorer 7/8.这是一个例子.

它真的让我感到沮丧的是做一些在Internet Explorer中工作的东西,但没有更好的浏览器.在文档中是否有一些关于永远不会尝试在DOM树中移动编辑器的内容？有某种解决方法吗？

我正在为此目的动态创建和销毁textareas.但是,当我创建一个textarea然后在tinymce中创建它的一个实例 - 然后再次返回页面时,它不起作用.我发现,解决办法是简单地删除相同名称的任何现有实例,但我不知道是否有可能只是做它在启动时.

提前致谢!

在我们的CMS中,我们的用户可以使用TinyMCE编辑表单的错误消息.问题是,这些消息中的一些可能需要动态数据,例如"Your chosen name 'X' is invalid".

为此,我们使用令牌.使用上面的例子,我们的用户会输入"Your chosen name '{name}' is invalid",它将在渲染时被替换.

我正在为TinyMCE编写一个插件,以便更好地帮助用户管理这些令牌.他们会点击图标,从预定义列表中选择一个令牌,然后它会自动插入到内容中.

我遇到的问题是如何在内容编辑器中处理此令牌.目前,它只是可以编辑的文本,但我想要做的是让TinyMCE将其视为单个元素,以便可以删除,移动,但实际的令牌本身无法编辑.

我已经尝试noneditable通过将令牌包含在带有mceNonEditable类的范围中来使用插件,但这不符合预期,例如,如果令牌位于内容的末尾,则无法退格删除令牌在它之后键入等

因此,为了澄清,我本质上想要的是TinyMCE将某些文本视为图像.它将是一个坚固的块,也被视为一个字符/元素.

这可能吗？

谢谢.

在tinyMCE中,有没有办法获得纯文本而不是HTML文本？

我有一个使用高级主题的tinyMCE编辑器.我在高级主题上使用简单布局,因此我可以在init()上定义自己的工具栏,而不必深入了解tinyMCE正在做什么.

我遇到的问题是我的编辑器没有添加标题元素的按钮.我迫切需要这个选项,但没有找到关于这个问题的实用建议.

我正在做的一切都发生在tinymce.init()函数中,我在下面粘贴了它:

$("textarea.tinymce").not(".simple").tinymce({
            script_url : "/_lib/script/tiny_mce/tiny_mce.js",
            plugins : "wordcount,paste,spellchecker,table",
            theme : "advanced",
            theme_advanced_layout_manager : "SimpleLayout",
            theme_advanced_statusbar_location : "bottom",
            theme_advanced_toolbar_location : "top",
            theme_advanced_buttons1
                : "bold,italic,underline,strikethrough,|,sub,sup,|,charmap,|,forecolorpicker",
            theme_advanced_buttons2
                : "undo,redo,|,cut,copy,pastetext,pasteword,|,link,unlink,anchor,|,image,code",
            theme_advanced_buttons3 : "",
            theme_advanced_toolbar_align : "left",
            height : 480,
            apply_source_formatting : false,
            convert_fonts_to_spans : true
        });

我正在使用jquery插件访问tinyMCE(我确定这与我的问题无关,但它解释了代码).

我有一个想法是使用theme_advanced_styles选项,但我不认为这将允许我插入实际的标题标签,而只是设置我的标记与跨度和什么看起来像标题.

任何想法都非常感激.干杯,J

我需要验证表单.这个表单有一些下拉列表和tinyMCE编辑器,我通过在每个字段后附加字符串"Required"来验证这个表单,如果它是空白的,但是我无法验证tinyMCE编辑器,如果编辑器是空白的,我尝试了类似的东西

tinyMCE.get('tinyedotor').getContent();

但没有运气.

这是我的小提琴

为什么可编辑的html会移动到iFrame中？我分析了不同的编辑器(TinyMce,CKEditor等),并将可编辑内容移动到一个单独的iFrame中,它们放在原始文本上.

这是什么技术原因.我试验过contenteditable="true",这也是所有这些编辑的基础,并没有找到理由做到这一点.

我使用水豚测试tinymce形式有困难.我正在使用tinymce-rails并且在我的表单中有7个编辑器.我也使用asciimath插件与tinymce.

一切正常,但我无法编写测试来填写tinymce编辑器.

以下是我的步骤定义代码的外观,与此处描述的内容非常相似:

within_frame("content_ifr") do
  editor = page.find_by_id('tinymce')
  editor.native.send_keys 'test'
end

问题是当我运行以下内容时:

editor.native.clear            # works, clear the editor area, I'm testing this with pry
editor.native.send_keys :tab   # works, moves focus to next input
editor.native.send_keys 'test' # returns "", nothing happens, nothing in editor

所以clear,send_keys :tab按预期工作.但我不能发送任何字符串.send_keys函数总是返回空字符串,当我使用pry进行测试时没有任何反应.

这里出了什么问题？以及如何调试/调查问题？

谢谢.

我正在为客户开发一个面板,其中包含一个"新博客帖子"按钮,可以打开一个模态,在该模式中可以单击"添加图像"框,打开另一个模态.这里的问题是"添加图像"模式框包含应该可点击的文本框,但这些文本框不是.

我正在试验Z-Index,看看是不是问题,我没有解决问题的运气.

这些模态包括Bootstrap和TinyMCE(用于编辑).

可在此处找到:http://olidev.me/testpanel/:在"美国网站"标签下,点击"添加博客帖子",然后点击"发布"区域中工具栏上的"插入"标签, '插入图片'.

很抱歉这个问题令人困惑,但希望它很容易解决.

编辑:我尝试了另一个名为'CKEDITOR'的应用程序,并且出现了完全相同的问题,这是由于3个模态相互重叠？

我在TinyMCE和Plone 5上遇到了一个问题,但我不确定问题的核心是Plone CMS还是TinyMCE.

我在TinyMCE控制面板配置中添加自定义样式("TinyMCE设置" - >"内联样式").

新配置是这样的:

Bold|bold|bold
Italic|italic|italic
Underline|underline|underline
Strikethrough|strikethrough|strikethrough
Superscript|superscript|superscript
Subscript|subscript|subscript
Code|code|code
Custom style|customClass|custom-class

然后TinyMCE编辑器正确呈现菜单:

但新闻条目是"禁用",点击它将无能为力.检查TinyMCE菜单的标记我发现:

<div aria-checked="false" aria-disabled="true" role="menuitem" id="mceu_155" class="mce-menu-item mce-menu-item-preview mce-stack-layout-item mce-last mce-disabled" tabindex="-1">
    <i class="mce-ico mce-i-custom-class"></i>&nbsp;
    <span id="mceu_155-text" class="mce-text">Custom style</span>
</div>

所以:TinyMCE正在禁用它.问题似乎与我正在使用的课程有关,而不是我给的名字或缺少的图标.如果我使用另一种风格的副本,比如...

...
Custom style|italic|custom-class

...有用.同样如果我使用另一个知道Plone类就像......

...
Custom style|discreet|custom-class

......但是某些其他课程是不允许的.

这与TinyMCE内部相关吗？TinyMCE是否正在"测试"该类以启用/禁用它们？或者这个问题与Plone有关吗？