标签: tinymce

在以前的应用程序中，我能够让 TinyMCE 正常工作。但是在这个网络应用程序中，我让富编辑器显示正常，但由于某种原因，我无法在富编辑器字段中输入内容，当我单击粗体等按钮时，出现此错误：

Error: [Exception... "Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMNSHTMLDocument.execCommand]"  nsresult: "0x80004005 (NS_ERROR_FAILURE)"  location: "JS frame :: http://mysite/tiny_mce/tiny_mce.js :: anonymous :: line 1"  data: no]
Source File: http://mysite/tiny_mce/tiny_mce.js
Line: 1

我想知道我可以做些什么来调试这里发生的事情。什么可能导致这个奇怪的错误？

一些背景：

此代码加载 TinyMCE：

<script type="text/javascript" src="http://mysite/tiny_mce/tiny_mce.js"></script> 
<script>
tinyMCE.init({
    mode : 'none',
    editor_selector: 'mceAdvanced',
    theme : 'advanced',
    theme_advanced_toolbar_location : 'top',
    theme_advanced_toolbar_align : 'left',
    theme_advanced_buttons1 : 'fontsizeselect,bold,italic,|,bullist,numlist,|,outdent,indent,|,removeformat',
    theme_advanced_buttons2: '',
    theme_advanced_buttons3: '',
    theme_advanced_font_sizes: "1, 2, 3, 4",
    width: '600',
    height: '200',
    remove_script_host : true,
    cleanup_on_startup : true,
    cleanup: true,
    debug …

看起来像一个简单的问题,我有一个表单,当有人需要编辑数据时,由TINYMCE控制的textarea加载值,但是当我更改它并提交表单时,新的更改不会被发布.

我究竟做错了什么？

更新 如何通过此方式执行此操作,或者在编辑器中单击时进行说明.我正在使用jquery validate,这是提交处理程序.

$(form).ajaxSubmit({
                target:'#result',
                success:function(){

                    $('html, body').animate({scrollTop:'90px'}, 500);},
                clearForm: false});

                }});

我的网站上有一个 TinyMCE 编辑器。我添加了 iBrowser，以便人们可以上传图形。没关系。我还尝试使他们能够更改他们正在编辑的网站的背景，但没有成功：如果我在背景中添加带有图像的 HTML div 并返回编辑器并按 Enter 它将我移动到图像下方而不是另一行。

如何在 TinyMCE 中允许用户更改站点的背景图像？

我正在使用orchard CMS建立一个网站,我通过果园的文本编辑器添加了一个页面.我输入以下代码并保存:

<a class="tile wide imagetext bg-color-blue" href="./bootstrap-scaffolding.html">
     <div class="image-wrapper">
          <img src="content/img/My Apps.png" />
      </div>
      <div class="column-text">
      <div class="text">Grid system</div>
          <div class="text">Layouts</div>
          <div class="text">Responsive design</div>
       </div>
     <span class="app-label">SCAFFOLDING</span>
</a>

但我发现再次打开编辑器时,文本编辑器中的代码已更改,它们是:

<h2>Bootstrap Metro</h2>
<div class="image-wrapper"><img src="content/img/My Apps.png" /></div>
<div class="column-text">
<div class="text">Grid system</div>
<div class="text">Layouts</div>
<div class="text">Responsive design</div></div>
<a class="tile wide imagetext bg-color-blue" href="./bootstrap-scaffolding.html"><span class="app-label">SCAFFOLDING</span> </a>

更改的代码是:

<a class="tile wide imagetext bg-color-blue" href="./bootstrap-scaffolding.html"><span class="app-label">SCAFFOLDING</span> </a>

你能给我任何建议吗？

我需要提供tinymce一个css文件来从中获取样式,但是如果我在任何文件中设置类似的东西

body{
    font-size: 14px;
}

它会将webapp的主体设置为该样式,而不仅仅是tinymce的输入框.

如何为涉及资产管道的content.css文件提供tinymce？

我试图在ASP.NET MVC 4 Web应用程序中与SignalR建立连接.我需要做的是让用户在文本区域写入,点击后我尝试将用户写的消息发送到同一页面上的所有客户端.

我陷入了一个非常简单的步骤.要阅读用户在textarea中写入的内容,我使用以下代码:

var msg = $('#editor').text();
alert(msg);

我正在使用警报框进行测试.问题是警报框显示为空,即消息未正确读取.editor是html文件中我的文本区域的id.

这是所有的JavaScript文件:

$(function ()
    {
        var edit = $.connection.editorHub;

        edit.client.broadcastMessage = function (message) {

            var msg = $('#editor').text();
            alert(msg);

            // Add the message to the page. 
            $('#editor').append(msg);
        };

        $.connection.hub.start().done(function () {
            $('#button').click(function () {
               // call the send method in EditorHub
                chat.server.send($('#editor').val());
            });
        });
    });

这是HTML文件:

@{
   ViewBag.Title = "- Editor";
   ViewBag.ContentStyle = "/Content/CSS/editor.css";
}

 <script src="/Scripts/jquery-1.6.4.min.js" ></script>
 <script src="/Scripts/jquery.signalR-1.0.0.js"></script>
 <script src="/signalr/hubs"></script>
 <script type="text/javascript" src="~/Content/tinyMCE/tiny_mce.js" ></script> 
 <script type="text/javascript" src="~/Scripts/EditorHandler.js"></script>

 <button …

有没有办法在加载后无需显式代码即可将 css 类应用到整个 tinyMCE 容器，或者强制它从应用到的元素继承类？

如果你有例如 textarea

<textarea id="foo" class="myClass"></textarea>
<script type="text/javascript">
    $('textarea.recipe-material').tinymce({
          //some property here to force tinyMCE to inherit myClass in container
    });
</script>

我在 Q/A 应用程序中使用 TinyMCE 和 Twitter Bootstrap v3.1。

出于某种原因，我在控制台中从 TinyMCE 收到多个 404 错误：

GET http://localhost/assets/lib/TinyMCE/themes/modern/themeundefined.js 404 (Not Found) tinymce.min.js:3
Failed to load: /assets/lib/TinyMCE//themes/modern/themeundefined.js 

据我所知，路径是正确的。我已经将路径直接输入到浏览器栏中（没有 undefinedtheme.js），它会弹出。

TinyMCE 的完整路径是： http://localhost/application/assets/lib/TinyMCE/

1. 我启用了 mod-rewrite，我尝试禁用但没有帮助。
2. 我试过设置：
   • tinyMCE.baseURL = "/assets/lib/TinyMCE";
   • tinyMCE.baseURL = "/application/assets/lib/TinyMCE";
   • tinyMCE.baseURL = "localhost/application/assets/lib/TinyMCE";

我已经在 TinyMCE 常见问题解答中搜索了将我指向 mod_rewrite 的问题。

基本上是什么原因造成的undefinedtheme.js？

我的 TinyMCE 发起者：

//TinyMCE Initiator

//set scope
$(document).ready(function() {

    tinyMCE.baseURL = "/assets/lib/TinyMCE";

    tinymce.init({
        selector: "textarea#tinymce",
        theme: "modern",
        /*width: 400,*/
        height: 300,
        plugins: [
             "advlist autolink link lists charmap print preview hr anchor …

我在 Symfony2 应用程序中使用 TinyMCE 和 HTMLPurifier。

我需要使用 TinyMCE 嵌入网站的一些内部视频。问题是 HTML Purifier不接受 HTML5 视频标签并将其删除。

有人让我知道如何配置 TinyMCE/HTMLPurifier 以允许视频嵌入？

Internet Explorer表示由于在运行基于Episerver的asp Web应用程序以及由于文本编辑器加载内容中相关的tinymce时长时间运行的脚本而没有响应，因此如何消除它。有时IE崩溃。位置是tinyMCE调用应用它的时间到文本区域。

function addTinyMCE(){
$('textarea').tinymce({  
  script_url:'tiny_mce.js',
  theme:'advanced',
  mode:'none',
});
  }

var config={
  autoOpen:true,
  open:addTinyMCE //HERE IT TAKES THE NOT RESPONDING DUE TO A LONG RUNNING SCRIPT
}

因此需要解决此问题，因为我需要将编辑器用作tinyMCE