草庐IT

tinymce-plugins

全部标签

javascript - TinyMCE - 必须刷新页面

当我使用TinyMCE导航到一个页面时,它会显示常规文本区域,直到我因为turbolinks刷新页面。这是一个有据可查的问题,人们通常会推荐以下某种形式:$(document).on('page:change',function(){});我已经尝试了所有变体,但都无济于事。 最佳答案 问题是围绕这个问题的很多讨论都已经过时了,并且没有考虑到turbolinks事件从5.0.0开始已经发生了变化。我能够通过以下方式解决问题:$(document).on('turbolinks:load',function(){tinymce.rem

javascript - 当我们将 div 置于可见状态时,隐藏 div 中的 TinyMCE 不会显示为已启用

我在使用tinyMCE(所见即所得编辑器)时遇到问题。我实际上是在像DIV这样的HTML元素中添加文本区域,该元素当前具有样式属性“display:none”。当我将DIV显示样式更改为可见时,tinyMCE编辑器显示为已禁用。重要说明:导致问题的设置是“auto_resize”选项。这是我打开/关闭使tinyMCE编辑器进入编辑或只读模式的唯一选项。这是我的代码:tinyMCE.init({mode:"specific_textareas",editor_selector:/(RichTextArea)/,theme:"advanced",auto_reset_designmode:

javascript - 如何使用 tinymce 在选择更改时启用/禁用自定义按钮

我使用这段代码创建了一个自定义的tinymce按钮,用于更改一类图像。它在设置block中。ed.addButton('cust_setimgaspreview',{title:'Setimageasapreviewimage',image:'ikony/previews.png',onclick:function(){if(ed.selection.getNode().tagName=='IMG'){ed.selection.getNode().className='preview';}else{alert('Youneedtoselectanimage.');}}});如您所见,我

javascript - TinyMCE v4 关闭 blob

我不想tinymce将blob用于小图像,因为我正在将那些data:images转换为真实图像并且我替换了imgsrc=""在我有真实图像之后。我怎样才能让它只获取data:image图片?是否可以?我试过了automatic_uploads:false但它不会改变任何东西。这是我的代码:tinymce.init({selector:strSelector+"textarea:not(#strDescription)",paste_data_images:true,image_advtab:true,mode:"specific_textareas",editor_selector:"

javascript - TinyMCE - 在底部插入内容

我知道我们可以通过这种方式将代码插入到顶部。ed.selection.setCursorLocation(ed.getBody().firstChild,0);但是,我不确定如何为底部的内容实现这一点。 最佳答案 另一种方法:functiongetTextNodes(node,nodeType,result){varchildren=node.childNodes;varnodeType=nodeType?nodeType:3;varresult=!result?[]:result;if(node.nodeType==nodeTyp

javascript - 如何在 Meteor JS 中集成 TinyMCE 和 CKEditor?

我正在尝试在我的项目中使用CKEditor或TinyMCE编辑器。所以我把TinyMCE文件夹放在meteor公用文件夹中,也把/tinymce/tinymce.min.js">tinymce.init({selector:"textarea"});在模板头标签中。但是收到以下错误。资源解释为脚本但使用MIME类型文本/html传输:“http://localhost:3000/%3Cyour%20installation%20path%3E/tinymce/tinymce.min.js”。(索引):97未捕获的语法错误:意外的token如何解决这个问题?它与CKEditor相同。我可

javascript - TinyMCE - 外部工具栏位置

我正在尝试与TinyMCE合作创建一个多文本框、点击编辑类型的图形内容编辑器。我已经获得了TinyMCE,我可以添加和删除它们、定位它们并调整它们的大小、单击以编辑它们等等-但有一件事困扰着我,那就是工具栏。我有一个外部工具栏,我试图将它与我的“保存并关闭”按钮和其他一些工具按钮一起放置在页面的底部边缘。外部工具栏由TinyMCE在类"mceExternalToolbar"的DIV中创建。我尝试在页面样式表中设置position:fixed和left:和top:属性,但无济于事-TinyMCE设置position:absolute和top:-28px在创建DIV时。由于元素限制,我无法

javascript - TinyMCE:如何在一行中显示所有工具栏?

这道题基本上是IsthereawaytowrapthetoolbarbuttonstothenextrowinTinyMCEifthewidthoftheeditoristoosmall?的逆向题我有一个TinyMCE编辑器,其中有通过theme_advanced_buttons1、theme_advanced_buttons2和theme_advanced_buttons3指定的按钮。每个工具栏行都设计得非常短,以确保布局不会水平溢出。如果所有工具栏都适合,是否有办法让它们重新定位在一行上?(例如,访问者有一个宽屏显示器并且浏览器窗口最大化。)我认为可以通过CSS将display:b

javascript - Angular 用户界面 TinyMCE : How set default settings

我正在使用angularuitinymce扩展。我想知道如何设置我可以在常规JavaScript中执行的以下设置。tinymce.init({selector:"textarea",height:250,theme:"modern",plugins:["advlistautolinklistslinkimagecharmapprintpreviewhranchorpagebreak","searchreplacewordcountvisualblocksvisualcharscodefullscreen","insertdatetimemedianonbreakingsavetable

javascript - 我怎样才能更正这个 TinyMCE 编辑器在 Firefox 中的位置?

我正在尝试使用CSS将TinyMCE编辑器绝对定位在设定位置。在Chrome中,这工作正常。然而在Firefox中,编辑器消失了。我在一个复杂的应用程序中这样做,但我能够用一个非常简单的测试用例重现它:div.container{position:absolute;left:0;top:0;width:100%;height:100%;min-height:600px;}div.containerdiv.text{border:1pxdashedblack;overflow:hidden;}div.containerdiv.textdiv.mceIframeContainer{posi