我有一个使用TinyMCE作为WYSIWYG的textarea.一旦加载了这个textarea我想要那个,点击一个按钮"编辑"我带来的一些HTML代码,我带有AJAX jquery加载到该textarea.
我想插入这个HTML代码 <p>hello</p>
原始textarea来源
<textarea name="corpo" id="input_corpo">Text Here</textarea>
带来HTML的JQUERY脚本.这样它只更新textarea(在TinyMCE运行时隐藏)
$.get("hello.html",
function(content){ $("#input_corpo").text(content);});
return false;});
它不会以这种方式起作用.我试图更新生成TinyMCE的iframe的主体
$.get("hello.html",
function(content){ $("body#tinymce").text(content);});
return false;});
我能怎么做？
我目前正在使用TinyMCE,并希望添加一个自定义按钮,其工作方式如下:
关于是否可以这样做的任何想法？我已经弄清楚如何使自定义按钮注入文本,但不包装文本...这是当前的代码:
// Add a custom button
ed.addButton('mybutton', {
title : 'My button',
'class' : 'MyCoolBtn',
image : 'MyCoolBtn.png',
onclick : function() {
// Add you own code to execute something on click
ed.focus();
ed.selection.setContent('<strong>Hello world!</strong>');
}
});
谢谢!
我在JQuery的多个选项卡中启动了这样的tinyMCE:Tab.但我发现初始化tinyMCE多次产生只读文本区域.因此,我想检查tinyMCE是否已经启动.是否有类似isInitated()的方法或类似方便的方法？
tinyMCE.init({
mode : "textareas",
theme : "simple",
width : "500",
height : "300"
});
我正在尝试在TinyMCE Editor 4.0b1中添加自定义字体系列并继续失败.
显示所有默认字体,未显示"Century Gothic"或"Gill Sans MT"等自定义字体.theme_advanced_fonts在TinyMCE 4中不起作用吗？我找不到任何TinyMCE 4文档.
tinymce.init({
selector: "textarea",
plugins: [
"advlist autolink lists link image charmap print preview anchor",
"searchreplace visualblocks code fullscreen",
"insertdatetime media table contextmenu paste"
],
toolbar: "undo redo | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist | link image | fontselect fontsizeselect | forecolor backcolor",
convert_urls: false,
content_css: 'http://www.mydomain.com/css/fonts.css',
theme_advanced_font_sizes : "8px,10px,12px,14px,16px,18px,20px,24px,32px,36px",
theme_advanced_fonts : "Andale Mono=andale mono,times;"+
"Arial=arial,helvetica,sans-serif;"+
"Arial Black=arial black,avant garde;"+
"Book Antiqua=book antiqua,palatino;"+
"Comic Sans MS=comic sans …我使用TinyMCE作为我的数据库中字段的编辑器.当我使用它并添加文本"abc"时,这就是存储在数据库中的内容:
<!DOCTYPE html><html><head></head><body><p>abc</p></body></html>
如何阻止TinyMCE添加<p>标签周围的所有内容？
我试图让TinyMCE的通过的WebPack认可.它设置了一个名为tinymceon 的属性window,所以显然有一个选项是require()使用这样的语法(在webpack文档的EXPORTING 部分的底部描述):
require("imports?window=>{}!exports?window.XModule!./file.js
但在这个例子中,如何./file.js解决？我通过npm安装了tinymce,我无法弄清楚如何指定tinymce.js文件的正确路径.
无论如何,我宁愿在我的配置中处理这个问题,并且require('tinymce')如果可能的话,我可以安装exports-loader并添加以下内容(基于此讨论):
module: {
loaders: [
{
test: /[\/]tinymce\.js$/,
loader: 'exports?tinymce'
}
]
}
不幸的是,这不起作用.我的配置有什么问题？
TinyMCE init选项
$scope.tinymceOptions = {
plugins: 'base64img image imagetools paste ...',
relative_urls: false,
paste_data_images: true,
...
};
paste_data_images: true选项意味着data:url不应从粘贴的内容中删除图像(内嵌图像)(请参阅文档).
我使用TinyMCE 4.2.8.base64img我在内部插件中编写了以下代码
var editor; // TinyMCE editor
var imgData; // base64 image data string, like "data:image/png;base64,...="
editor.setContent("<img src='" + imgData + "' />", {format: 'raw'});
// editor.execCommand('mceInsertRawHtml', false, '<img src=\'' + imgData + '\' />'); // another way
到嵌入一个图像,其在存储器中为base64串加载.执行命令后,img src被神奇地转换为'blob:http%3A//localhost%3A8080/...'.为什么？
它工作(图像显示),但我想存储图像data:而不是上传到服务器和存储为blob.如何改变这种行为？
有没有办法让TinyMCE V4不删除<style>标签.
tinymce.init({
selector: 'textarea.tinymce',
theme: 'modern',
plugins: [
'advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker',
'searchreplace wordcount visualblocks visualchars code insertdatetime media nonbreaking',
'save table contextmenu directionality emoticons template paste textcolor'
],
valid_elements: '+*[*]',
width: '100%',
inline_styles: true,
keep_styles: true,
extended_valid_elements: '+*[*]',
custom_elements: '*',
invalid_elements: '',
verify_html: false
});
我希望能够添加任何我想要的HTML,无论是否有效.我不在乎它是叉子还是解决方法.