Tag: tinymce

TinyMCE编辑器中的目标元素: 在TinyMCE 4编辑器中定位元素（比如给定类的所有图像）的最佳方法是什么。我发现了一些较旧的解决方案（即将hover事件添加到tinymce编辑器中的元素），然而，它们适用于TinyMCE 3.请注意，元素可以在初始渲染后添加到编辑器中，因此需要类似jQuery的on()function。一种选择可能是做一些像$(‘#tinymce_id’).contents()… 或者也许在配置TinyMCE时， tinymce.init({‘selector’: ‘#tinymce_id’,’setup’ : function(ed) {do something here?}});

获取光标在TinyMCE中的光标位置或行数: 如何获取TinyMCE中的光标位置或光标在TinyMCE中的行数？

使用jQuery创建并注册TinyMCE插件: 使用jQuery TinyMCE，我正在尝试注册一个自定义的“插件”（它实际上只是工具栏中的一个菜单）我试图让这个注册，但我在http://www.tinymce.com/tryit/menu_button.php上找到的代码似乎不适用于TinyMCE的jquery版本。理想情况下，我也希望将自定义插件代码放在单独的js文件中。 TinyMce初始化脚本 // Start TinyMce Editor $(‘#Template_Html’).tinymce({ // Location of TinyMCE script script_url: ‘@Url.Content(“~/Scripts/tinymce/tiny_mce.js”)’, // General options theme: “advanced”, plugins: “marcusinserts,autolink,lists,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,advlist”, // Theme options theme_advanced_buttons1: “fullscreen,preview,code,|,cleanup,removeformat,|,undo,redo,|,cut,copy,paste,pastetext,pasteword,|,search,replace,|,justifyleft,justifycenter,justifyright,justifyfull,|,outdent,indent,blockquote,|,bullist,numlist,|,sub,sup,|,template,viewhtmlversion,taginserts”, theme_advanced_buttons2: “bold,italic,underline,strikethrough,|,formatselect,|,link,unlink,anchor,image,|,forecolor,backcolor,|,tablecontrols,|,charmap,iespell,advhr”, theme_advanced_buttons3: “”, //theme_advanced_buttons3: “tablecontrols,|,hr,visualaid,|,sub,sup,|,charmap,iespell,advhr”, //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: false, // Example content CSS (should be your site CSS) //content_css:’/Portal/Content/admin.css’, […]

fancybox 2和tinymce jquery冲突: 我在网站的许多区域使用fancybox-2.0.1并且一直这样做没有问题。我也一直在使用tinquce的jquery实现和fancybox没有问题。但是，由于我将tinymce inti脚本更改为如下所示，我开始遇到问题： $(function() { var $editor = $(“#appContentTextArea”); // Initialize WYSIWYG $editor.tinymce({ script_url : ‘tinymceJQ/jscripts/tiny_mce/tiny_mce.js’, theme : “advanced”, mode : modeAlter, /*editor_selector : “mceEditor”,*/ content_css : “css/webPage.css”, paste_text_sticky: true, paste_text_sticky_default: true, relative_urls: false, remove_script_host : false, remember_last_path : false, imagemanager_rootpath: accountFolder, theme_advanced_buttons1 : “bold, italic, underline, strikethrough, separator, justifyleft, justifycenter, justifyright, justifyfull, separator, […]

未找到图像或未知类型（使用带有dompdf的tinymce来显示以pdf格式存储在tinymce textarea中的html）: 我正在使用“laravel-tinymce-simple-imageupload”包中的图像上传。当用户在textarea中输入一些内容并单击表单提交按钮时，我想将内容放在textarea中的pdf文件中。我有下面的代码。问题是在pdf文件中，如果在textarea中插入图像，则图像不会出现在pdf中，并且在pdf中出现“未找到图像或未知类型”。你知道这可能是什么问题吗？图像存储在证书表的内容列中： test 获取pdf的代码： $certificateContent = RegistrationType::with(‘certificate’)->where(‘id’, $request->registrationType)->first(); $pdf = app()->make(‘dompdf.wrapper’); $pdf->loadHTML($certificateContent->certificate->content); return $pdf->download(‘test.pdf’); Tinymce代码将relative_urls视为false： tinymce.init({ selector:’textarea’, plugins: ‘image code link’, relative_urls: false, file_browser_callback: function(field_name, url, type, win) { // trigger file upload form if (type == ‘image’) $(‘#formUpload input’).click(); } }); 我已经使用“setOptions（[‘isHtml5ParserEnabled’=> true，’isRemoteEnabled’=> true]）”但也不能使用它，它显示相同的错误。似乎问题可能是因为需要更改图像的url路径。但我不明白如何做到这一点，因为用户只选择tinymce textarea中的图像如何更改该图像的绝对路径。

在TinyMCE编辑器中使用jQuery Validate插件: 我正在使用jQuery的Validate插件实现客户端validation，并简要介绍了使用TinyMCE编辑器组件的表单字段。这会在我的表单字段的包含标记下呈现一个非常复杂的控制树，包括实际编辑区域的iframe和textarea元素。我无法直接访问textarea ，所以在调用.validate()之前添加’required’属性，如下所示： jQuery(function() { jQuery(“#wpsm_body”).addClass(“required”); jQuery(“#wpsm-send-mail”) .validate( { errorContainer : “#wpsm-top-error-container, #wpsm-bottom-error-container”, errorLabelContainer : “#wpsm-top-error-container ul”, wrapper : “li”, messages : { wpsm_from : “The message has no ‘From’ address. The administrator can set a default for this on the SuperMail ‘Settings’ page.”, wpsm_subject : “The message has no subject.”, wpsm_body : “The […]

通过jQuery添加按钮以触发html代码片段到tinyMCE编辑器中: 我正在为应用程序中的Tinymce编辑器工具栏添加一个按钮，该应用程序将粘贴html代码，以便为编辑器中的内容自定义内容表。例如，对于在编辑器中找到的每个h级标记（h1-h3），我想插入一个html片段（包含目录*的div）以及粘贴 comment标签在目录html片段之前进入源标记。任何人都可以建议一个关于如何与tinyMCE API交互的示例教程，以便向编辑器添加一个按钮，触发本地jQuery函数与编辑器的内容进行交互？我的html片段将是：

TinyMCE从错误的目录加载lang / plugins / theme: 我在使用TinyMCE时遇到了麻烦。在搜索lang，theme和plugins时，应该查看基本脚本文件所在的目录。但是，它不是这样做，而是使用当前加载的页面作为搜索的根。我正在查看src文件中的“loadScripts”函数，但更改路径似乎没有提供任何有意义的效果。以下是未经修改的loadScripts函数供您查看： // Load scripts function loadScripts() { if (s.language) sl.add(tinymce.baseURL + ‘/langs/’ + s.language + ‘.js’); if (s.theme && s.theme.charAt(0) != ‘-‘ && !ThemeManager.urls[s.theme]) ThemeManager.load(s.theme, ‘themes/’ + s.theme + ‘/editor_template’ + tinymce.suffix + ‘.js’); each(explode(s.plugins), function(p) { if (p && p.charAt(0) != ‘-‘ && !PluginManager.urls[p]) { // Skip safari plugin for […]

TinyMCE提示文字: 我正在使用Remy Sharp的jQuery插件来显示文本框中的提示。我想对TinyMCE做同样的事情 – 显示一个提示，比如”Type some text here.” ，当用户关注TinyMCE编辑器时，该文本应该消失。如果编辑器为空（未输入文本），则在模糊时，文本应再次可见。有没有一个能够做到这一点的jQuery插件？或者TinyMCE中是否有可用于此function的API？

如何动态添加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 | […]