标签: tinymce

我得到这个代码来改变textareas使用TinyMCE作为编辑器.它在Firefox中运行良好,但IE显示了带有代码的简单textarea.有人可以帮我做什么吗？

  print("<script language=\"javascript\" type=\"text/javascript\" src=\"jscripts/tiny_mce/tiny_mce.js\"></script>");


  echo('<script type="text/javascript">tinyMCE.init({   theme : "advanced", mode : "textareas",
   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",

        theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
        theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
        theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
        theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_statusbar_location : "bottom",
        theme_advanced_resizing : "true",
   });</script>');
  echo("</head>\n");

这就是IE所说的(代码):

<script language="javascript" type="text/javascript" src="jscripts/tiny_mce/tiny_mce.js"></script><script type="text/javascript">tinyMCE.init({ theme : "advanced", mode : "textareas",
   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",

        theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
        theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
        theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
        theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_statusbar_location : "bottom",
        theme_advanced_resizing : …

这是我的情况；我希望能够创建如下内容：

<div class="a">
    <a href="someurl"><img src="somepic"></a>
</div>

但是TinyMCE将其剥离为

<div class="a">
    <img src="somepic">
</div>

谢谢！

我写了一个TinyMCE插件,我需要从我的应用程序传递一个变量.

我试过设置tinymce.activeEditor.my_var = 3;后tinymce.init();.在插件中,editor.my_var始终未定义.

如何编码自己的变量？

我正在扩展现有的网站.我已经发布了该网站(如果你想点击这里点击这里).我刚刚添加了一个非常简单的博客(用php和mysql制作)并且它运行良好,除了一件事.如果我将图像添加到新帖子或帖子中,则撰写帖子的人员可以调整其大小.问题是图像具有静态宽度和高度,然后如果我在移动设备上访问博客,则图像被剪切,因为它大于设备的宽度.我不知道如何解决它,我想我可以修改允许插入图像的插件来添加这些参数(这使图像响应):

max-width="['user selected width'], width=100%, height=auto

我一直在尝试修改插件,但我觉得很难理解,而且我对javascript的经验不是很多.这是插件.我正在使用tinymce编辑器来编辑或添加帖子.任何人都知道我必须添加这些参数？谢谢.

我在让 TinyMCE 在语义 UI 模式中工作时遇到问题。一切看起来都很好并且没有错误，但无法将光标放在 TinyMCE 编辑器中。

我找到了这些解决方案，但似乎没有一个适用于语义 UI： http://archive.tinymce.com/wiki.php/Tutorials:TinyMCE_in_a_boostrap_dialog http://archive.tinymce.com/wiki.php/Tutorials:TinyMCE_in_a_jQuery_UI_dialog

我正在使用 Aurelia 和 TypeScript。

关于如何解决这个问题有什么想法吗？

我正在尝试使用 TinyMCE 5.06 版本插入表情符号，但此插入出现错误。当我在 Asp.Net MVC 中使用 Html.Raw() 时没有出现表情符号。看起来像这个“????”。我怎样才能解决这个问题 ？

  //tinymce plugin and toolbar options
        $scope.tinymceOptions = {
            selector: '#post',         
            plugins: [
               "advlist autolink autoresize link image fullscreen  lists charmap paste print preview hr anchor pagebreak",
                "searchreplace wordcount visualblocks visualchars insertdatetime media nonbreaking wordcount  ",
                "table contextmenu directionality emoticons paste template spellchecker searchreplace help imagetools media "
            ], 
            mobile: {
                theme: "mobile",
                plugins: [ 'autosave', 'lists', 'autolink' ],
                toolbar: [ 'undo', 'bold', 'italic', 'styleselect' ]
            },
            toolbar: "insertfile undo redo …

从第 4 版更新到第 5 版 TinyMCE 后（主要是为了修复第 4 版中颜色选择器的错误），该lists插件停止工作。

最初，我尝试为numlistand创建自定义按钮bullist，但这应该不是必需的，因为插件应该处理它。

这是我的初始化块：

tinymce.init({
    selector: 'textarea',
    menubar: false,
    statusbar: false,
    forced_root_block: 'div',
    plugins: 'lists',
    toolbar: 'fontselect | fontsizeselect | undo redo | bold italic underline forecolor | numlist bullist | alignleft aligncenter alignright alignjustify',
    invalid_elements: 'script',
});

出现一个错误，提示“无法初始化插件：列表”并且控制台报告 Failed to initialize plugin: lists Error: "editor.addButton has been removed in tinymce 5x, use editor.ui.registry.addButton or editor.ui.registry.addToggleButton or editor.ui.registry.addSplitButton instead"

我查看了列表插件的代码，每个addButton或类似的实例都伴随着ui.registry，所以我不明白它在哪里获得editor.addButton命令。

我想在我现有的 Formik 表单中添加 tinymce 富文本编辑器。

之前：

          <Field name='description'>
              {({ field, meta }) => (
                <div>
                   <textarea
                    id='article_body'
                    type='text'
                    rows='15'                  
                    placeholder='Write description...'
                    {...field}
                   ></textarea> 
                 </div>
            </Field>

现在：

      <Field name='description'>
         {({ field, meta }) => (
           <div>
            <Editor
                id='article_body'
                apiKey='my-api-key'
                initialValue='Write...'
                init={{
                  height: 500,
                  menubar: true,
                  plugins: [
                    'advlist autolink lists link image charmap print preview anchor',
                    'searchreplace visualblocks code fullscreen',
                    'insertdatetime media table paste code help wordcount',
                  ],
                  toolbar:
                    'undo redo | formatselect | bold italic backcolor |  alignleft aligncenter 
                     alignright …

当我在我的内容中放入一个<h2>时,它会关闭我的<p>,但它不会在</ h2>结束时打开