标签: tinymce

我处于一种奇怪的境地,我以前没有遇到任何问题,实现了我正在寻找的东西.以下代码是HTML页面的一部分,用于托管TinyMCE富文本框:

...
<textarea id="editing_field">This text is supposed to appear in the rich textbox</textarea>
...

首先,它按预期工作,创建一个包含所附文本的富文本框.但是,在某些时候,TinyMCE代码决定将textarea HTML转换为以下内容:

<textarea id="editing_field" style="display: none;"/>
This text is supposed to appear in the rich textbox

这使文本框下方的文本不完全理想.我不知道是什么导致了这种行为的改变,虽然我也在使用jQuery,如果它可能有任何影响.

我可以通过在页面加载后使用javascript将内容加载到文本框中来解决此问题,方法是使用ajax或隐藏HTML中的文本并移动它.但是,如果可能的话,我想直接从PHP中将文本发送到文本框中.任何人都知道这里发生了什么,以及如何解决它？

更新2:我成功地重现了导致行为改变的情境:起初我在textarea中只有第一个代码片段中的纯文本.但是,保存内容后,文本将如下所示:

<p>This text is supposed to appear in the rich textbox</p>

p标签的存在导致TinyMCE触发封闭的textarea与textarea之间的转换,textarea只是一个标签(如上所示).

更新1:添加了TinyMCE配置文件:

tinyMCE.init({
        // General options
        mode : "exact",
        elements : "editing_field",
        theme : "advanced",
        skin : "o2k7",
        skin_variant : "black",
        plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",
        save_onsavecallback : "saveContent",

        // Theme options
        theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull", 
        theme_advanced_buttons2 …

我有TinyMCE编辑器的问题.我有几个文本字段和textarea(tinymce)的表单,并启用了客户端验证.当我单击保存按钮验证在所有文本字段上发生,但它需要2次单击以验证tinymce内容.此外,验证仅在字段为空时显示消息,或者如果条件不满足(仅针对测试原因,可以输入最多5个字符),但是当我输入正确的字符数(少于5个)时,错误消息将保留.

这是代码示例:

    <%Html.EnableClientValidation(); %>
    <%= Html.ValidationSummary(true, "Na stranici postoje greške.", new { @style = "color: red;" })%></p>
    <% using (Html.BeginForm("Create", "Article", FormMethod.Post, new { enctype = "multipart/form-data" }))
       { %>
    <fieldset>
        <legend>Podaci za Aranžman</legend>
            <label class="EditLabel" for="name">
                Opis</label>
            <br />
            <%= Html.TextAreaFor(Model => Model.Description, new { style = "width: 100%; height: 350px;", @class = "tinymce" })%>
            <%= Html.ValidationMessageFor(Model => Model.Description, "", new { @style = "color: red;" })%>
        <p>
            <input type="submit" value="Sa?uvaj aranžman" />
        </p>
    </fieldset>
    <% } %>

和财产 …

我的表单使用TinyMCE格式化HTML,但不知何故,内容在首次提交时始终为空白.这就是我对提交功能的看法:

$('#commentForm').click('submit', function () {
        tinyMCE.triggerSave(true, true);
        $(this).ajaxSubmit({
            success: function (result) {
                if (result.success) {
                    $('#commentForm')[0].reset();
                    var newComment = { comment: result.comment };
                    // Append the new comment to the div
                    $('#commentTemplate').tmpl(result.comment).appendTo('#commentsTemplate');
                }
                $('#commentFormStatus').text(result.message);
            }
        });
        return false;
    });

我添加tinyMCE.triggerSave(true,true);但它似乎不起作用.有什么建议吗？

谢谢.

当我试图插入图像与这样的路径:

/wombat/htdocs/web/icon.png

插入后将其转换为:

../../../icon.png

为什么？代码的哪一部分正在做什么？如何禁用它？

当点击其中一个图标时,如何在光标位置的tinyMce中添加文本？该图标的id = sInput_netadvimage.

我想弄清楚为什么Magento的CMS模块中的tinyMCE WYSIWYG编辑器不会上传图像.我可以创建/删除文件夹,但任何文件都不会上传,似乎没有关于为什么文件没有成功写在服务器上的消息.

任何人都可能知道为什么？

**更新**

我正在使用Magento 1.6.2.我试图追查问题,似乎控制器永远不会被执行.我添加了一行来记录uploadAction()action(in Mage_Adminhtml_Cms_Wysiwyg_ImagesController)中的参数,并且没有记录任何内容.

这是继承自其他人的项目,并在某种程度上进行了修改,但似乎没有任何迹象表明Magento的这一部分无论如何都会受到修改的影响.

**编辑**

与此问题相关的项目已被删除,我不再能够回答这个问题.如果有人能确认一个有效的答案(因为这个问题在Magento中很常见),我很乐意将这个答案标记为"已接受".

否则,出于上述原因,我会将此问题标记为删除.

谢谢.

我正在尝试在我的Umbraco设置中允许使用富文本编辑器输入中的javascript.我正在使用Umbraco 7.2.我在tinyMceConfig.config中启用了脚本标记,因此编辑器不再使用我的脚本标记.现在的问题是我的内容被切断了.

例如,在我的RTE中,我把:

<p>before</p>
<script>
alert('blam');
</script>
<p>after</p>

这个由TinyMCE转换为:

<p>before</p>
<script>// <![CDATA[
alert('blam');
// ]]></script>
<p>after</p>

问题是Umbraco.Field("myRte")的价值最终是:

<p>before</p>
<script>// <![CDATA[
alert('blam');
// ]]

它似乎与CDATA有关.有没有其他人在Umbraco 7中使用RTE工作？

安装程序

许多TinyMCE编辑器显示在jQuery选项卡中,每个编辑器都是针对特定语言的.

问题

我需要一个带按钮的插件,按下时会根据文本框的语言检索一些html(通过ajax).我能想出的最好的想法是将am属性放在包含该语言的textarea上,然后在插件中获取属性的值,并根据该属性将ajax请求发送到正确的url.

这个问题

如何从TinyMCE插件中获取对原始textarea的引用.

欢迎任何信息/参考......我发现TinyMCE API页面真的难以理解.

我如何设置tinyMCE的默认字体大小,我是一个tinyMCE编辑器,我尝试了所有的东西,将文本大小更改为14px,它总是显示10px.我正在使用rails 3.1和tinymce 主要版本:'3',以及次要版本:'4.4'.

我将tinymce/themes/advanced/skins/default/content.css font-size更改为14px我甚至添加

tinyMCE.init({
    theme_advanced_font_sizes: "10px,12px,13px,14px,16px,18px,20px",
    font_size_style_values: "12px,13px,14px,16px,18px,20px",
});

和

body, td, pre { color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 14px; margin: 8px; }

我正在尝试从我之前创建的特定文本区域中删除tinyMCE但是以下命令一直产生"未定义"错误(使用firebug控制台检查):

tinyMCE.execCommand('mceFocus', false, 'textarea-plainText');
tinyMCE.execCommand('mceRemoveControl', false, 'textarea-plainText')

我使用jQuery初始化了特定文本区域的TinyMCE:

$('textarea#textarea-plainText').tinymce({
                script_url : '<?php echo base_url(); ?>/assets/js/tinymce/tinymce.min.js',
                oninit: function() {
                            $("textarea#textarea-plainText").tinymce().setContent("");
                            $("textarea#textarea-plainText").tinymce().setContent(noteSecContent.html[0].notesec_content);
                        }
            });

我也尝试使用以下命令添加tinyMCE,但它也返回undefined虽然我有一个带有"textarea-plainText"ID的textarea:

$.getScript('<?php echo base_url(); ?>assets/js/tinymce/tinymce.min.js', function() {
            window.tinymce.dom.Event.domLoaded = true;
            tinyMCE.init({
                mode: 'none'
            });
            tinyMCE.execCommand('mceAddControl', false, 'textarea-plainText');
        });

简而言之,我只能使用jquery方法或精确方法进行初始化.但不使用tinyMCE.execCommand.某种程度上,"exeCommand"命令不起作用.

textarea的HTML:

<div id="plainTextModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="plainTextLabel" aria-hidden="true">
  <div class="modal-body">
   <textarea id='textarea-plainText'></textarea>
  </div>
  <div class="modal-footer">
    <button class="btn btn-danger" data-dismiss="modal" aria-hidden="true">Cancel</button>
    <a href="" id="confirm-delete-note-section" class="btn btn-primary">Save</a>
    <a href="" id="confirm-delete-note-section" class="btn btn-info">Save &amp; Close</a>
  </div>
</div>

它是一个模态,因此它最初是隐藏的,直到调用模态.

我顺便使用TinyMCE 4.0b1.