Tag: tinymce 4

如何将样式属性添加到使用getDoc（）添加的图像.createElement（“img”）; 在TinyMCE: 如何在tinymce中的光标位置插入图像从上面提到的问题，我设法在TinyMCE中添加一个图像。 var ed = tinyMCE.get(‘txt_area_id’); // get editor instance var range = ed.selection.getRng(); // get range var newNode = ed.getDoc().createElement ( “img” ); // create img node newNode.src=”sample.jpg”; // add src attribute range.insertNode(newNode); // insert Node 我试图使用以下代码将宽度添加到newNode ： newNode.style = “width:600px;”; // not working 但它不起作用，同样适用于类我不能通过此代码添加类： newNode.class= “myClass”; // this one is also not working […]

tinymce获取删除图像的详细信息: 我已经创建了一个插件来处理tinymce的图像上传。这一切都很好。我想要做的是从我的服务器中删除图像，如果它被用户删除，那么我最终不会得到孤立文件的演出。我已经能够使用tinymce init的setup部分来监听nodechange envent tinymce.init({ selector: “textarea”, plugins: “autoresize”, toolbar: “insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image jbimages”, relative_urls: false, setup : function(ed) { ed.on(“NodeChange”, function(e) { console.log(‘change event’, e); }); } }); 这给了我一个事件，我可以在控制台中看到，但我找不到从事件中获取某些东西的方法，告诉我已经执行了img删除，以便我可以从服务器中删除图像。我在这里为此创造了一个小提琴如果您加载控制台并删除图像，您将看到我的意思。我错过了一些事件的属性或方法吗？提前致谢

在AJAX中重新初始化TinyMCE 4: 我在启用了ajax的Foundation Reveal框中使用了TinyMCE。现在TinyMCE在它第一次加载时踢，但如果我关闭盒并再次打开它不会触发:( 我有其他脚本，如选择和屏蔽输入触发在完全相同的前查询工作，但TinyMCE将不会重新初始化我再次加载它第二次这是我目前的代码，我正在尝试这个问题： $(document).on(‘opened.fndtn.reveal’, ‘[data-reveal]’, function () { $(“#expenseUser, #expenseVendorID, #expenseCategoryID, #expenseAccidentID”).chosen({disable_search_threshold: 5, width: ‘365px’}); $(“#expOdo”).mask(“999999″,{placeholder:”0”}); $(‘.datePicker’).each(function() { $(this).datetimepicker({ addSliderAccess: true, sliderAccessArgs: {touchonly: false}, changeMonth: true, changeYear: true, altField: “#”+$(this).attr(‘id’)+”Alt”, altFieldTimeOnly: false, altFormat: “yy-mm-dd”, altTimeFormat : “HH:mm:ss”, dateFormat: “D, d MM yy”, timeFormat: “hh:mmtt” }); }); tinymce.execCommand(‘mceRemoveEditor’,true,”textarea#expenseComments”); tinymce.execCommand(‘mceAddEditor’,true,”textarea#expenseComments”); tinyMCE.init({selector: “textarea#expenseComments”,menubar : false,toolbar: […]

如何动态添加tinymce 4.x到textarea？: 我在初始化后向textarea动态添加tinymce时遇到了一些问题。 tinymce.init({ selector: “textarea”, theme: “modern”, height: 100, plugins: [ “advlist autolink image lists charmap print preview hr anchor pagebreak spellchecker”, “link searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking”, “save table contextmenu directionality emoticons template paste textcolor” ], toolbar: “insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | […]

TinyMCE没有工作 – 即使他们的例子？: 问题：我正在尝试使用TinyMCE 4.0.12。但无法让它发挥作用，它只是使我的文本区域完全消失。到目前为止我做了什么：我甚至从他们的页面中完全复制了他们的示例代码，它甚至不能使用它。我已将所有文件提取到“js / tinymce /” 有什么明显的东西我不见了吗？小提琴： http ： //jsfiddle.net/cg3e8/ JS代码： tinymce.init({ selector: “textarea”, plugins: [ “advlist autolink lists link image charmap print preview anchor”, “searchreplace visualblocks code fullscreen”, “insertdatetime media table contextmenu paste moxiemanager” ], toolbar: “insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify […]

jQuery：输入时更改键盘值: 示例：当我按下键盘上的“A”键时，该值将变为“S”，文本框显示为“S”。我怎么能用jQuery或Tinymce 4做到这一点？非常感谢你！

TinyMCE 4无法输入提供的插件文本字段: 在JS（使用JQuery 1.11.1和几个JQuery插件，如form和ui）下使用TinyMCE 4.1.5。我使用的TinyMCE版本不是嵌入式JQuery的版本。编辑器很好，我可以直接输入它而不会出现问题。仅使用tinymce提供的插件，使用按钮或非文本字段控件的所有function都可以正常工作。但是，插件中的文本字段（例如链接或插入video）不允许我键入字段或选择其他文本字段（因此它似乎是一个焦点问题）。 http://fiddle.tinymce.com/bzeaab/16上有一个小提琴，这里是应用程序中更具体的初始化代码： var _clear_css_cache; _clear_css_cache = ‘/javascripts/canonical/tinymce/skins/lightgray/’ + ‘content.min.css?’ + new Date().getTime(); var _toolbar_1, _toolbar_2; _toolbar_1 = ‘formatselect, |, ‘ + ‘bold, italic, underline, strikethrough, ‘ + ‘subscript, superscript, |,’ + ‘outdent, indent, blockquote, |,’ + ‘alignleft, aligncenter, alignright, alignjustify’; _toolbar_2 = ‘bullist, numlist, table, charmap, emoticons |,’ + […]

TinyMCE 4将下拉菜单添加到菜单栏: 我需要在TinyMCE 4中的“工具”项旁边添加另一个下拉菜单：我找到的最接近的解决方案是： // Adds a custom menu item to the editor that inserts contents when clicked // The context option allows you to add the menu item to an existing default menu tinymce.init({ … setup: function(ed) { ed.addMenuItem(‘example’, { text: ‘My menu item’, context: ‘tools’, onclick: function() { ed.insertContent(‘Hello world!!’); } }); } }); […]

如何向TinyMCE添加占位符文本？: 对于标准textareas，我使用placeholder=”” 。我如何扩展tinymce以便它也能以这种方式工作。与CKEditor类似： http ： //alfonsoml.blogspot.com.es/2012/04/placeholder-text-in-ckeditor.html