草庐IT

javascript - WYSIWYG - 文本和代码编辑器

我有需要,我确信其他开发人员必须有,而StackOverflow确实有。场景我正在建立一个网站来发布代码示例,这些文章是我通过管理系统编写的,但也可能是前端注册用户。使命拥有一个用户可以发布文章的所见即所得编辑器。显然它可能是一段文本,一些标题......这不是问题,因为TinyMCE目前可以处理这个问题。与文本混合的是代码示例,最好是在代码标签中。执行所以我一直在尝试扩展TinyMCE。我可以允许代码标签,但无法将突出显示的文本放入代码标签中,但可以将其放入预标记中。没问题。所以粘贴:"":进入WYSIWIG并突出显示并选择Preformatted就可以了,它将所有括号编码为,这非常

javascript - 将图像插入 tinymce 编辑器

我的html页面上有一个tinymce文本框。在这个文本框下,我有一个包含我的文件系统的表格,我可以在其中导航以找到我的图像。我希望能够单击此表中的图像并将其插入timymce文本框中。我该怎么做呢? 最佳答案 我用过命令tinyMCE.execCommand('mceInsertContent',false,'');在从图像的src中提取URL后将图像插入tinyMCE.注意需要在命令中将图片的CSS样式传递给tinyMCE。编辑:对于TinyMCE4.x,插入图像代码可以简化为:tinymce.activeEditor.inse

javascript - 如何在 TinyMCE 4 中设置内容,最好是在 $(document).ready(); 中堵塞?

正如标题所说,我已经查找了officialdocumentation但它不起作用;这是我的JavaScript(使用jQuery)代码:$(document).ready(function(){tinymce.init({element_format:"html",schema:"html4",menubar:false,plugins:'previewtextcolorlinkcode',selector:'TEXTAREA#rtf',toolbar:'preview|bolditalicunderlinestrikethrough|alignleftaligncenteralign

javascript - 如何在tinymce中添加多个插件?

我已经尝试过这个简单的代码来尝试tinyMCE。它工作正常。这里的问题是当我尝试添加多个插件时它不起作用。我在这里使用了tinymceCDN。这是代码tinymce.init({selector:'textarea',plugins:"code",plugins:"image"});这里的代码插件可以工作,但图像插件不能工作。如果我删除代码插件而不是图像插件工作。我怎样才能同时应用这两个插件? 最佳答案 您指定了两次插件属性。它应该只存在一次,然后应该在该属性中指定多个插件。根据文档,您需要使用逗号或空格分隔的字符串,或字符串数​​

javascript - 为什么我的 TinyMCE 隐藏文本区域出现问题?

我在一个网页上有大约7个textarea,它们都是使用TinyMCE的富文本编辑器。然而,在页面加载时,只有其中1个可见,其余的隐藏。用户可以单击“显示”链接,这将一个接一个地显示剩余的文本区域。但是,我有一个奇怪的问题。所有的textarea都是这样设置的:但是,只有页面加载时显示的textarea才是我想要的完整尺寸。剩余的textarea在我展示它们时非常小。所以我在想,也许它们没有呈现是因为它们在页面加载时隐藏了。我该如何补救? 最佳答案 尝试向隐藏的文本区域添加一些CSS。例如,使用我想我遇到了这个,TinyMCE的CSS

javascript - 如何将工具栏按钮添加到自定义 tinymce 下拉菜单中?

我在tinymce中创建了一个自定义下拉菜单,如下所示:tinymce.init({toolbar:"alignment",setup:function(editor){editor.addButton('alignment',{type:'menubutton',text:'Alignment',icon:false,menu:[{text:'left',onclick:function(){tinymce.activeEditor.formatter.toggle('alignleft');}},{text:'center',onclick:function(){tinymce.a

javascript - TinyMCE:事件初始化后如何绑定(bind)

我已经搜索了很多,但是通过google-fu'ing没有得到任何结果:(我有一个已经初始化的tinyMCE编辑器,我无法控制初始化过程,所以像下面这样的代码根本不起作用:tinyMCE.init({...setup:function(ed){ed.onChange.add(function(ed,l){console.debug('Editorcontentswasmodified.Contents:'+l.content);});}});由于未定义jQuerytinymce插件,因此以下代码也不起作用:$('textarea').tinymce({setup:function(ed)

javascript - 有没有办法阻止 TinyMCE 自动关注页面加载?

我的表单上有许多输入字段,其中一个使用的是TinyMCE(版本3.5.2)。一旦TinyMCE加载,它就会将焦点设置到自身。我怎样才能防止这种情况发生?我想默认选择第一个输入。这就是我的代码现在的样子vartinymce=$('#Content');tinymce.tinymce({theme:"advanced",plugins:"...",theme_advanced_buttons1:"...",theme_advanced_buttons2:"...",theme_advanced_buttons3:"...",theme_advanced_buttons4:"...",the

javascript - TinyMCE 自定义主题 - bullist numlist 链接取消链接不起作用

所以我在他们的网站上使用按钮方法为TinyMCE创建了一个自定义主题。大多数按钮似乎都能正常工作,但bullist、numlist、链接和取消链接按钮什么都不做。即使切换到HTMLView,也不会添加html(即)。我已经尝试为advlist、advlink等添加插件,但没有任何变化。似乎无法在线找到此问题的任何答案。这是我的tinymce代码:$('textarea.htmlify').tinymce({mode:'textareas',script_url:host+'/js/admin/tinymce/tiny_mce.js',content_css:host+'/css/adm

.net - 带有 AJAX(更新面板)的 TinyMCE 永远没有值(value)

我想对更新面板内的文本区域使用富文本编辑器。我找到了这篇文章:http://www.queness.com/post/212/10-jquery-and-non-jquery-javascript-rich-text-editors通过这个问题:NeedASP.Net/MVCRichTextEditor决定使用TinyMCE,因为我以前在非AJAX情况下使用过它,它在该列表中说它与AJAX兼容。好吧,我做的很好'tinyMCE.init({//settingshere});对其进行测试,它会在更新面板更新后消失。我从这里的一个问题中发现它应该在page_load函数中,这样它甚至可以在