如何刷新tinymce iframe？
TinyMCE是一个基于JavaScript的富文本编辑器，它提供了一个可嵌入网页中的iframe，用于编辑和展示富文本内容。当需要刷新TinyMCE的iframe时，可以通过以下步骤实现：
- 获取到TinyMCE的编辑器实例：首先，需要获取到TinyMCE编辑器的实例对象。可以通过
tinymce.get('editorId')方法来获取，其中editorId是编辑器的唯一标识符。 - 刷新iframe内容：通过编辑器实例对象，可以使用
setContent方法来设置iframe的内容。可以将空字符串作为参数传递给setContent方法，以清空iframe的内容。示例代码如下：
var editor = tinymce.get('editorId');
editor.setContent('');- 重新加载iframe：在清空iframe内容后，可以使用
execCommand方法来重新加载iframe。可以使用mceIframe命令来执行重新加载操作。示例代码如下：
var editor = tinymce.get('editorId');
editor.execCommand('mceIframe');通过以上步骤，可以刷新TinyMCE的iframe并重新加载内容。
需要注意的是，以上方法适用于最新版本的TinyMCE（5.x）。如果使用的是旧版本的TinyMCE（4.x），则可以使用setContent方法来刷新iframe内容，而无需执行重新加载操作。
此外，关于TinyMCE的更多信息和使用方法，可以参考腾讯云的富文本编辑器产品WangEditor，它是一款基于TinyMCE的富文本编辑器，提供了丰富的功能和易用的接口。您可以访问腾讯云的WangEditor产品介绍页面了解更多信息。
相关·内容
1回答
我的页面在很多地方使用了tinyMCE编辑器。大多数都是在页面加载时加载的。对于所需的不同类型的编辑器，目前有两个独立的init，如下所示：
// Register script that will initialize all the compact tinyMCE editors (textareas) on the page.
tinyMCE.init({
mode: 'textareas',
editor_deselector: /(mceNoEditor|tinymce_simple)/,
theme: 'advanced',
浏览 0提问于2011-03-12得票数 1
回答已采纳
因此，基本上，即使还没有<textarea>，我也想创建一个丰富的文本框。我想自己附上这个富文本框。不是由tinyMCE。问题是，我认为在附加这一点之后，我将不会有任何tinyMCE事件。
我想的是.
$("<textarea></textarea>").tinyMCE({options})，这将返回richtextbox的html字符串。这样，我可以自己追加html字符串。请注意，它应该完美地运作，特别是在事件中。
这有可能吗？
浏览 4提问于2016-08-31得票数 0
1回答
我想用div包装我的微型MCE编辑器的内容，这样做的文档看起来很模糊。
我想用<div id="random-wrap"> </div>包装内容
我有什么选择？
下面是我尝试使用的代码
jQuery(document).ready(function( $ ){
var name = "wprsspostprepend";
if($("#" + name).length > 0) {
$("#wprsspostprepend").addClass("prepend_editor
浏览 3提问于2017-04-19得票数 0
3回答
我有多个文本区，我想使用tinyMCE来增强它们。通过初始化页面中所有文本区域的TinyMCE，我可以让文本区域显示为富文本编辑器，如下所示： $(function () {
tinymce.init({
selector: "textarea",
statusbar: false,
setup: function (editor) {
editor.on('change', function () {
editor.save();
浏览 89提问于2019-01-03得票数 0
3回答
我在2个具有不同id的文本区域上初始化了2个tinyMCE编辑器：
var variable_array = {id:'cName', test:'mon test'};
tinymce.init({
selector: "#model_editor",
entity_encoding : "raw",
encoding: "UTF-8",
theme: "modern",
height: "500px",
width: "10
浏览 0提问于2015-11-20得票数 3
回答已采纳
1回答
我已经尝试了一段时间，试图找到一种合适的方法来使用jQuery在tinyMCE文本区域中插入和修改文本，但收效甚微。人们提供的大多数答案通常只用于单个tinyMCE文本区域，或者通过调用基于ID的tinyMCE字段。这一切都很好，但我的项目让我在页面上动态创建重复的字段，这使得获取特定的tinyMCE元素变得困难。
在实现tinyMCE之前，我通过与父div关联的类来调用重复的字段。
例如：
$(this).parents(".main-category").find(".js-description").val(product_data['d
浏览 1提问于2014-05-07得票数 0
2回答
我有以下代码，它使用ajax从数据库中获取数据。到目前为止，如果输入不是tinyMCE，如普通文本区域、输入或下拉，则可以将数据显示为模态。
js
<script>
jQuery(document).ready(function() {
if ($("#info").length > 0) {
tinymce.init({
selector: "textarea#info",
theme: "modern",
浏览 4提问于2020-02-26得票数 0
3回答
我正在尝试设置TinyMCE编辑器的内容，但我没有太多的运气。我已经尝试了预先设置HTML和初始化编辑器，以及在编辑器初始化后设置内容，但都没有用-我可以在中重现那个内容(我不能重现先设置内容，因为它使用数据库中的变量HTML来设置它)。
我尝试用我自己的代码来做这件事：
Editor.innerHTML += '<label>Description</label><br><div id="AC-Description">' + data.Data.Description + '&l
浏览 18提问于2019-11-06得票数 0
我在我的页面中有3个文本区域。我想从ajax填充这些文本区域。
我知道原始textarea字段的名称，但是
tinyMCE.activeEditor.setContent(value);
不工作，因为我没有任何活动的编辑器。
下面是我的代码的一个基本示例
.
.
.
function(data) {
$.each(data, function(key,value)) {
$("#"+key).val(value); //"#"+key is the id of tinymce editors in my form
},
"json"
.
浏览 0提问于2011-04-05得票数 3
回答已采纳
1回答
我正在尝试将TinyMCE变成一个我正在从事的大型专业项目。在一个地方，我们需要在可拖动的表行中有多个实例。但是，当您开始拖动其中一行时，TinyMCE iFrame中的内容(无论它是随页面一起加载的还是由用户更改的)都会消失。删除行后，内容仍会消失，但会在页面刷新/重新加载时重新出现。有没有一种方法可以让TinyMCE iFrame保留其内容，而不需要重新加载页面？我这里有一个例子：
我不能用jsfiddle这样的东西做，因为如果你在那里做，然后刷新页面，它会重新从头开始做所有事情。
或者，也许有一种方法可以做到这一点，只重新加载拖放的iframe？
浏览 0提问于2013-02-14得票数 1
2回答
我正在尝试动态更改tinymce编辑器的内容。即使是这些步骤也不起作用。实际上我想把内容放在ajax成功，但由于它不工作，我不能继续。
我收到类型错误tinemce.get()为null，并且tinymce.activeEditor为null错误
<textarea style="height:700px" name="proposal" id="proposal" >
hi
</textarea>
<script>
$(document).ready(f
浏览 0提问于2017-06-01得票数 3
3回答
当单击编辑按钮时，它会显示tinymce文本编辑器，但问题是它没有从第二次开始将焦点设置在编辑器的第一个加载上，它工作正常
下面是我尝试过的
HTML
<h3>History Review <a href="#" class="blue_edit_btn" id="history_review_link" onclick="bgshoweditor('history_review')" >Edit</a></h3>
JQuery
function bgshowedit
浏览 2提问于2014-05-23得票数 2
我有网页(index.pl)，在它的div (id = 'right')中，我动态加载了一个包含 textarea .To的页面(editor.pl)，因为TinyMce编辑器动态加载了一个js文件(include_tiny_mce.js)，该文件具有如下tinyMce.init()功能：
$.ajax({
type:'POST',
url:'editor.pl',
success:function(msg){
$("#right").html(msg);
$("head")
浏览 1提问于2012-07-02得票数 2
回答已采纳
我使用jquery ajax函数在一些输入字段和文本区中添加内容。只有textare使用TINYMCE。
但是，在ajax之后，TINYMCE中的文本不会刷新并保持不变。
如何使用jquery清空TINYMCE中的内容？
我现在的代码跟在后面。
//on submit event
$("#specformentry").submit(function(event){
event.preventDefault();
if(checkForm()){
// var href = $(this).attr("hre
浏览 2提问于2010-10-07得票数 10
3回答
我正在创建一个Wordpress插件，它在包含按钮的post编辑器下面添加了一个metabox。这个插件还会在关闭的</body>标记下面加载一个Javascript文件。
目的性
目前，我试图用插件实现的是简单的。当用户向编辑器输入内容，然后单击metabox中的按钮时，我希望修改编辑器的内容。
JS代码
以最简单的形式：
jQuery(document).ready(function($) {
$('#button').on('click', function(e) {
e.preventDefault();
va
浏览 10提问于2013-05-21得票数 3
回答已采纳
2回答
tinyMCE文本区域焦点事件？
、、、、
我正在做现有的项目。我必须检测tinyMCE focusout/blur事件才能通过AJAX自动保存它。我发现了以下现有的工作代码：
// reinit tinymce
$($("#chapterBill div:.module-container")[indexAfter]).find('textarea').each(function(i){
editorId = $(this).attr('id');
tinymce.EditorManager.execCommand('mceAddControl',true,
浏览 1提问于2012-01-10得票数 6
回答已采纳
4回答
我一直在努力让VueJS和TinyMCE一起工作。我得出的结论是，使用指令是可行的。
到目前为止，我已经能够将主体作为指令参数传入，并且tinyMCE设置了内容。然而，我无法使这两种方式绑定到工作中。我还担心，基于tinyMCE api，我做的事情完全错误。
我假设的相关tinyMCE函数是：
// Sets the content of a specific editor (my_editor in this example)
tinymce.get('my_editor').setContent(data);
和
// Get content of a specific
浏览 4提问于2015-12-30得票数 5
回答已采纳
正如标题所述，我已经查找了，但它不起作用；下面是我的JavaScript (利用jQuery)代码：
$(document).ready(function() {
tinymce.init({
element_format: "html",
schema: "html4",
menubar: false,
plugins: 'preview textcolor link code',
selector: 'TEXTAREA#rtf',
浏览 5提问于2013-12-05得票数 12
我正在使用插件自动保存一个文本框。但是，当调用autosave函数时，无法键入文本框。我希望用户能够继续输入，而自动保存是通过AJAX发布的。
tinymce.PluginManager.add('jsave', function(editor) {
// Get the form element into a jQuery object.
var $form = $(editor.formElement);
// Settings for initialization.
var settings = {
// Interval to execute the fun
浏览 4提问于2014-12-10得票数 0
回答已采纳
我使用Wordpress的wp_editor函数加载了一个wp_editor编辑器。
现在，我想在该编辑器初始化后设置它的值。我试着这样做：
$(function() {
tinymce.get(...).setContent(...);
});
但是它抛出一个错误，表示Cannot read property 'setContent' of undefined，因为编辑器还没有初始化。为了确认它，我使用console.log( tinymce.editors.length )语句记录了控制台，它打印了0，但是稍后当我在加载完成后使用浏览器控制台检查变量tinymce.
浏览 13提问于2020-05-19得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
