问题标签 [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.
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>
变成<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 的项目,所以我有很多东西要学。任何见解/建议阅读/解决方案将不胜感激!
javascript - 如何调用 TinyMCE 插件函数?
如何调用 tinymce 插件函数?
不工作!
javascript - iframe 更改选择
我正在创建一个非常简单的 rte,这是我的问题,我可以在 iframe(designmode=true) 中获取选定的文本,但是我无法更改它。
html
脚本文件
html - Typo3 - 在 RTE 中启用微数据属性 itemprop、itemscope 和 itemtype
要在 RTE 中启用微数据,我认为我必须在根页面 TSconfig 中为 RTE 配置中的每个标签添加属性。
有很多例子,如何为标签添加属性,例如 xml:lang:
这工作得很好。
但是当我尝试将它用于 itemprop、itemscope 和 itemtype 时:
它不工作。有人知道如何在 RTE 中添加微数据属性吗?
javascript - TinyMce 编辑器不返回标签
H7i 伙计们,我在使用 TinyMce 编辑器时遇到了一个奇怪的问题。我要做的是选择一些文本,单击一个按钮并在开头和结尾附加一个标签。
例如,如果原始文本是<p>hello</p>
,则结束文本是<myTag><p>hello</p></myTag>
。
它可以正常工作,但选择单行文本时,不会返回现有标记。所以在前面的例子中,我会得到hello
only 而不是<p>hello</p>
。
当我选择多行时,它会返回标签。
这是我到目前为止所尝试的:
有什么帮助吗?
typo3 - 无法在 RTE 中选择文本样式
在Page TSConfig
根页面上,我有以下代码:
在我的rte.css
我有这个:
前端采用相同的样式style.css
。如果我在编辑器中,我无法选择文本样式。它总是被禁用。我想在一段中标记一些单词。我尝试使用不同的浏览器(IE、FF、Opera ...),但在所有浏览器中都禁用了文本样式。我能做些什么?
我有 Typo3 4.7.5
编辑
问题是由于不推荐使用的属性(请参阅此处))。我当前的代码看起来像
现在我可以选择一种文本样式,但只能选择其中一种。还有一种块样式的名称是错误的...
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?
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”。但我必须知道选择的所有样式才能突出显示(例如粗体)按钮。
总而言之,我必须知道如何处理(获取)/设置选择的样式。
我希望能帮助我!最好的问候莱尼
这里有一些我实际拥有的代码(但这段代码并不能解决我的问题)
}
javascript - Tiny MCE 更改格式下拉显示文本
Tiny MCE 有一个格式选择方法:theme_advanced_blockformats 下拉菜单,您可以在其中选择格式。它显示如下值:段落、标题 1、标题 2 等。我想更改此下拉列表中显示的名称。例如,我想将“标题 1”显示为“子标题”。对于与编辑器一起工作的客户来说,这更有意义。有没有办法在 tinyMCE.init 中做到这一点?不在配置文件中。
typo3 - 在 RTE 中为 pre 和 code 标记保留空格
我想通过<pre>
和/或<code>
标签显示代码,效果很好。空白在第一次保存时保存并在前端正确显示。但是,在后端重新加载内容时,编辑器会显示没有额外空格的代码。再次保存会删除整个代码格式。
我认为有一些设置,但直到现在我找不到任何东西。对此有任何提示吗?
对于代码突出显示,我使用了GeshiLib
andvjrtecodesnippets
扩展。
编辑:
对不起,错过了配置。涉及基本rtehtmlarea
内容,当前为 v4.7.5,没有针对 TCA 的特定更改,因为它是来自 TYPO3 的标准文本内容元素的标准正文字段(通过 显示css_styled_content
)。
RTE 的 PageTS 如下所示:
Edit2:我们发布了 TYPO3 扩展 news_blog 正是这样做的。