问题标签 [rte]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
937 浏览

javascript - jQuery .ajax() 正在打破 TinyMCE 3.5.6

我用多层 jQuery.ajax() 构建了一个简单的 CMS,如下所示:

例如,index.php 用于<li class="child" onclick="navto('inc/edit_pages.php');">Edit Pages</li>将 edit_pages.php 加载到<div id="content"></div>

edit_pages.php 使用$(document).on("click", "a.editPage", function(e) { load_page_for_edit(e); return false; });(其中load_page_for_edit()收集并准备要发送到navto()函数的信息)发送类似edit_page.php?t=template.php&c=contentID

edit_page.php 使用这些值在相应的数据库中查找所需的信息,然后将类似的内容输出template.php&c=content到它自己的<div id="page_to_edit"></div>... 中,再次与另一个navto().

然后,用户可以单击 $('.edit_text') 元素以取消隐藏带有 TinyMCE 文本区域(称为 $('#editor'))的 div。

内容由var content = $('.edit_text').html()

这就是问题所在:当我尝试将内容变量加载到 TinyMCE 文本区域时——$('#editor').html(content);文本区域没有收到它。我可以立即使用 来跟进alert($('#mana_editor').html());,它会输出正确的内容,但 HTML 字符会变得安全(例如,<p>变成&lt;p&rt;)。但是,内容不会加载到 TinyMCE。

我猜我有一个 .ajax 范围问题?也许 jQuery 试图$('#editor').html(content);在 template.php 上不存在的#editor(回想一下 #editor 在 edit_page.php 上)?找出多层.ajax 的任何好的资源?

花絮,线索和我尝试过的事情:

  • 我所有的 jQuery 函数都在一个 functions.js 文件中,除了 TinyMCE init,它位于 edit_page.php 的末尾。
  • 只有 index.php 链接到 functions.js
  • 我正在使用 TinyMCE 3.5.6、jQuery 插件包和 jQuery 1.7.2。
  • 我也尝试过 TinyMCE 的伪选择器($('textarea:tinymce')而不是$('#editor')),它在 Firebug 中引发错误:jq.min.js 中的“错误:语法错误,无法识别的表达式:tinymce”(第 4 行)。
  • 用户在 TinyMCE 中进行更改后,更新按钮会将新内容加载到$('.edit_text')单击的内容中。它没有加载我输入的内容,而是加载了上面提到的“安全”HTML——就好像 TinyMCE 完全被绕过了一样。
  • 如果我不使用整个 CMS 并首先在 FireFox 中手动输入 `get_page.php?t=template&c=content' 就可以了。
  • 如果我不加载 TinyMCE,jQuery 会将内容加载到 textarea
  • 这家伙可能正在做某事......看起来很相似,但我不确定他的 head.js 包含什么,如何实现 head.ready();,或者他的问题是否与我的相同。

这是我第一个使用 Ajax 的项目,所以我有很多东西要学。任何见解/建议阅读/解决方案将不胜感激!

0 投票
2 回答
6497 浏览

javascript - 如何调用 TinyMCE 插件函数?

如何调用 tinymce 插件函数?

不工作!

0 投票
2 回答
982 浏览

javascript - iframe 更改选择

我正在创建一个非常简单的 rte,这是我的问题,我可以在 iframe(designmode=true) 中获取选定的文本,但是我无法更改它。

html

脚本文件

0 投票
2 回答
1320 浏览

html - Typo3 - 在 RTE 中启用微数据属性 itemprop、itemscope 和 itemtype

要在 RTE 中启用微数据,我认为我必须在根页面 TSconfig 中为 RTE 配置中的每个标签添加属性。

有很多例子,如何为标签添加属性,例如 xml:lang:

这工作得很好。

但是当我尝试将它用于 itemprop、itemscope 和 itemtype 时:

它不工作。有人知道如何在 RTE 中添加微数据属性吗?

0 投票
2 回答
518 浏览

javascript - TinyMce 编辑器不返回标签

H7i 伙计们,我在使用 TinyMce 编辑器时遇到了一个奇怪的问题。我要做的是选择一些文本,单击一个按钮并在开头和结尾附加一个标签。

例如,如果原始文本是<p>hello</p>,则结束文本是<myTag><p>hello</p></myTag>

它可以正常工作,但选择单行文本时,不会返回现有标记。所以在前面的例子中,我会得到helloonly 而不是<p>hello</p>

当我选择多行时,它会返回标签。

这是我到目前为止所尝试的:

有什么帮助吗?

0 投票
2 回答
7148 浏览

typo3 - 无法在 RTE 中选择文本样式

Page TSConfig根页面上,我有以下代码:

在我的rte.css我有这个:

前端采用相同的样式style.css。如果我在编辑器中,我无法选择文本样式。它总是被禁用。我想在一段中标记一些单词。我尝试使用不同的浏览器(IE、FF、Opera ...),但在所有浏览器中都禁用了文本样式。我能做些什么?

我有 Typo3 4.7.5

编辑

问题是由于不推荐使用的属性(请参阅此处))。我当前的代码看起来像

现在我可以选择一种文本样式,但只能选择其中一种。还有一种块样式的名称是错误的...

0 投票
1 回答
268 浏览

javascript - Unable to get/set contents of tiny mce editor

I am using Tiny MCE editor version : 3.5.7
I am using multiple instances of text editor on same page with unique IDs and I have wrapped these editors in a div to show and hide these editors. Everything was working fine. Now I want to clear the contents of the editor when user hide it (so that when it is displayed again the previous contents are removed). I tried to do it using tinyMCE.get('editorId').setContent(''), it works fine only once.... I mean once I have used the above function than I am unable to set or even get the contents of that editor instance. The structure that I have used is as follows:

To show and hide the editor I doing something like this:

Can anyone help please?

0 投票
1 回答
276 浏览

javascript - 自己的 RTE - 获取和设置选择样式

我必须使用 javascript 或 JQuery 构建自己的 RTE。但是我真的找不到一些好的、评论的、工作的例子或教程,只是一段代码。但我不想要一个解决方案,我想了解我在做什么!

我知道如何使选定的文本变为粗体(获取选择,创建一个范围,然后在它周围加上一个 b-tag 或 span-tag,包括 font-weight:bold。)

但是我怎么能得到任何选择的所有样式呢?

示例:text text text [//] text text text([//]应该是图片) 现在用户选择了包含图片的文本,那么选中的html代码就像'text text text text text text'。现在我不能简单地用标签围绕选定的范围。

其他示例:aaa bbb ccc ddd 如果我选择“cc d”,我会得到这样的“cc”:cc但是当我选择“ccc”时,我只会得到“ccc”。但我必须知道选择的所有样式才能突出显示(例如粗体)按钮。

总而言之,我必须知道如何处理(获取)/设置选择的样式。

我希望能帮助我!最好的问候莱尼


这里有一些我实际拥有的代码(但这段代码并不能解决我的问题)

}

0 投票
1 回答
1339 浏览

javascript - Tiny MCE 更改格式下拉显示文本

Tiny MCE 有一个格式选择方法:theme_advanced_blockformats 下拉菜单,您可以在其中选择格式。它显示如下值:段落、标题 1、标题 2 等。我想更改此下拉列表中显示的名称。例如,我想将“标题 1”显示为“子标题”。对于与编辑器一起工作的客户来说,这更有意义。有没有办法在 tinyMCE.init 中做到这一点?不在配置文件中。

0 投票
2 回答
712 浏览

typo3 - 在 RTE 中为 pre 和 code 标记保留空格

我想通过<pre>和/或<code>标签显示代码,效果很好。空白在第一次保存时保存并在前端正确显示。但是,在后端重新加载内容时,编辑器会显示没有额外空格的代码。再次保存会删除整个代码格式。

我认为有一些设置,但直到现在我找不到任何东西。对此有任何提示吗?

对于代码突出显示,我使用了GeshiLibandvjrtecodesnippets扩展。

编辑:

对不起,错过了配置。涉及基本rtehtmlarea内容,当前为 v4.7.5,没有针对 TCA 的特定更改,因为它是来自 TYPO3 的标准文本内容元素的标准正文字段(通过 显示css_styled_content)。

RTE 的 PageTS 如下所示:

Edit2:我们发布了 TYPO3 扩展 news_blog 正是这样做的。