标签: tinymce

我有一个textarea,我在那个textarea上使用tinyMCE.

我实际上在做的是,当页面打开时,我用一些文本填充textarea,然后我正在初始化tinyMCE.

问题是当我试图在tinyMCE初始化之后改变textarea的值时,没有任何反应.

这是一个例子.

1. 创建textarea:

   <textarea style="width: 95%;" name="title"  id="title"></textarea>
   

   Run Code Online (Sandbox Code Playgroud)

2. 填充textarea:

   $('#title').html("someText");
   

   Run Code Online (Sandbox Code Playgroud)

3. 初始化tinyMCE

   tinyMCE.init({
           // General options
           mode : "specific_textareas",
           theme : "advanced",
           width: "100%",
           plugins : "pagebreak,paste,fullscreen,visualchars",
   
           // Theme options
           theme_advanced_buttons1 : "code,|,bold,italic,underline,|,sub,sup,|,charmap,|,fullscreen,|,bullist,numlist,|,pasteword",
           theme_advanced_buttons2 :"",
           theme_advanced_buttons3 :"",
           theme_advanced_buttons4 :"",
           theme_advanced_toolbar_location : "top",
           theme_advanced_toolbar_align : "left",
           theme_advanced_statusbar_location : "bottom",
           valid_elements : "i,sub,sup",
           invalid_elements : "p, script",
           editor_deselector : "mceOthers"
       });
   

   Run Code Online (Sandbox Code Playgroud)

4. 我想更改textview的内容(但它不起作用)

我尝试使用与初始化tinyMCE之前相同的方法

    $('#title').html("someModifiedText"); // does not work

我也尝试删除tinyMCE:

    if(tinyMCE.getInstanceById('title'))
    removeTinyMCE("title");

同

function removeTinyMCE (dialogName) {
    tinyMCE.execCommand('mceFocus', false, dialogName);
    tinyMCE.execCommand('mceRemoveControl', false, …

我正在使用TinyMCE编辑器. 我想删除或销毁tinymce编辑器(页面包含多个编辑器).还删除tinyMCE添加的类和ID.

但留下可编辑的内容

我试过了 :

tinymce.remove()
tinymce.destroy()
tinymce.execCommand('mceRemoveControl',true,'.editable');

请注意:

我的编辑课是.editable,我的页面中有一个以上的编辑器.

我在使用MVC4 Bundling和TinyMCE时遇到了问题.我收到此错误:

    GET http://localhost:54717/Admin/EditText//langs/da.js 404 (Not Found) Site:1
    GET http://localhost:54717/Admin/EditText//plugins/lists/editor_plugin.js 404 (Not Found) Site:1
    GET http://localhost:54717/Admin/EditText//plugins/autolink/editor_plugin.js 404 (Not Found) Site:1
    GET http://localhost:54717/Admin/EditText//themes/advanced/editor_template.js 404 (Not Found) Site:1
    GET http://localhost:54717/Admin/EditText//plugins/spellchecker/editor_plugin.js 404 (Not Found) Site:1
    GET http://localhost:54717/Admin/EditText//plugins/pagebreak/editor_plugin.js 404 (Not Found) Site:1
    GET http://localhost:54717/Admin/EditText//plugins/style/editor_plugin.js 404 (Not Found) Site:1
    GET http://localhost:54717/Admin/EditText//plugins/table/editor_plugin.js 404 (Not Found) Site:1
    GET http://localhost:54717/Admin/EditText//plugins/layer/editor_plugin.js 404 (Not Found) Site:1
    GET http://localhost:54717/Admin/EditText//plugins/save/editor_plugin.js 404 (Not Found)
Failed to load: http://localhost:54717/Admin/EditText//langs/da.js 

代码看起来像这样(在BundleConfig.cs中)

bundles.Add(
      new ScriptBundle("~/Scripts/Site").Include(
        "~/Scripts/jquery-1.9.1.js",
        "~/Scripts/tinymce/tiny_mce.js",
         "~/Scripts/jquery-ui-1.10.1.js",
        "~/Scripts/jquery.ui.slider.js",
        "~/Scripts/oline.Base.js",
        "~/Scripts/Validate/Language/jquery.validationEngine-da.js",
        "~/Scripts/Validate/jquery.validationEngine.js",
        "~/Scripts/jquery.ui.effect-blind.js",
        "~/Scripts/jquery.placeholder.min.js"));

      BundleTable.EnableOptimizations = …

让我们把<script>在Web编辑器中允许内容的问题放在一边; 我完全了解他们.

我想要的是允许<style>和<script>文本内容中的元素,问题在于,每当我这样做时,TinyMCE将它们更改为:

<style><!-- th{width:80px} --></style>

并且脚本内容更改为:

<script>// <![CDATA[
$.address.unbind();
// ]]></script>

在我的TinyMCE init配置中,我有:

valid_elements : "*[*]",
extended_valid_elements : "*[*],script[charset|defer|language|src|type],style",
custom_elements: "*[*],script[charset|defer|language|src|type],style",
valid_children : "+body[style],+body[script]",
verify_html : false,
media_strict: false

但我似乎无法找到一个方法来防止TinyMCE的从禁用的<style>和<script>元素.

如何从名为"Powered by TinyMCE"的tinymce编辑器底部删除品牌？

我在内联模式下使用tinymce，并且是该工具的新手。我已经用最少的编辑按钮让我的文本字段输入看起来像我想要的那样。但是，当文本字段处于活动状态时，我对如何从工具栏中删除“升级”按钮感到困惑。

这可能吗？

这是我正在使用的初始化。我正在 WAMP 服务器上使用自托管社区安装。

`

<script>
    tinymce.init({
        selector: '#addressinput',
        inline: true,
        toolbar: 'bold underline italic superscript',
        menubar: '',
        branding: false,
        force_br_newlines : true,
        min_height: 100
    });
</script>

`

我在页面上使用TinyMCE作为textarea,但它在其他元素的Tab键顺序中不能很好用.

当我跳出第一个元素时,我可以使用以下代码捕获:

$('#title').live('keypress', function (e) {
   if(e.keyCode == 9) {
       alert('tabbed out');
   }
});

如何将焦点设置为TinyMCE编辑器？

根据TinyMCE的(冲突的)文档,编辑器采用它替换的textarea(或其他)元素的大小.它还说您可以通过{ height: '123', width: '123' }在init方法中指定来设置编辑器的大小.

我已经尝试了两个并且仍然只得到一个结果 - 编辑器调整自身(它记得如何超出我),这是用户最后一次调整大小的时间.

我想{baseurl}在TinyMCE编辑器中将所有关键字替换为正确的URL.我怎样才能做到这一点？

例如,如果用户将在编辑器中添加HTML,<img src="{baseurl}/image.jpg" />我想在TinyMCE编辑器中看到这个图像 - 所以这将被替换为<img src="http://mydomain.com /image.jpg" />

有任何想法吗？

在IE10中似乎存在一个错误,如果我将一个元素放在具有该contenteditable属性的另一个元素上,则编辑器的插入符将覆盖所有内容.

您可以在下面的图像和此jsFiddle中看到此行为.

我已经使用了大量的CSS属性,并且无法找到解决方案.它在其他浏览器中按预期工作.

我需要这个的原因是因为我正在设计一个WYSWIYG编辑器(TinyMCE fork)体验,工具栏在需要时向下滑动文本.此错误使插入符显示在工具栏的顶部.

我想到的唯一解决方案是模糊编辑器的焦点,并在工具栏消失时重新聚焦它.但是,这将阻止用户在激活工具栏时键入内容,并且还会导致跨浏览器的行为不一致.

这个bug有解决方法吗？