ngModel.$render在模型改变时没有被调用
我正在尝试将Tiny-MCE与Angular一起使用,但是我在指令中的$渲染功能遇到了一些麻烦. 当我更新模型时,$渲染函数不调用. 这里是一个plunkr来说明:预览 我不确定,但是我认为它可能与Angular 1.2有关,因为Angular 1.1.5, 有用 : 这是Angular 1.2的错误,还是我错过了Angular 1.2的新事物? 据我所知, 解决方案 $渲染函数仅调用一次.如果您需要更新模型更改的视图,则可以将功能添加到$ viewchangelisteners数组: ngModel.$viewChangeListeners.push(function () { updateView(ngModel.$viewValue); }); 我希望有人可以提供更多细节,为什么$渲染在Angular 1.2中的行为不同. 其他解决方案 此答案显示您在指令中需要的代码,以便在必要时放火: tinymce textarea>两种与a
2 2024-02-25
编程技术问答社区
如何从angular-ui/ui-tinymce配置tinymceOptions
我决定将UI-Tinymce(Tinymce的角版)用于我的博客.但是我找不到同样的文档.将感谢任何资源或有关配置Tinymceoptions的任何建议. 这是git链接 - https://github.com/github.com/angular-ulular-ui/ui/ui-tinymce 解决方案 假设您的Angular App工作正常,这只是配置编辑器的问题,您可以在此处使用相同的选项配置编辑器. " http://www.tinymce.com/wiki.php/configuration" rel =" noreferrer"> http://www.tinymce.com/wiki.php/configuration 如果您单击特定选项,您将看到如何像这样配置非角质底饰: tinymce.init({ resize: false }); 因此,要与ui-tinymce进行等效的自定义,而不是tinymce.init(),您将在范围变
0 2024-02-25
编程技术问答社区
小小的MCE双向捆绑,带角度的2/4
这是我的tinymce.component.ts import { Component, OnDestroy, AfterViewInit, EventEmitter, Input, Output } from '@angular/core'; @Component({ selector: 'simple-tiny', template: `` }) export class SimpleTinyComponent implements AfterViewInit, OnDestroy { @Input() elementId: String; @Output() onEditorKeyup = new EventEmitter(); editor; ngAfterViewInit() { tinymce.init({
2 2024-02-20
编程技术问答社区
在AJAX中重新初始化TinyMCE 4
我在AJAX启用我还有其他脚本,例如这是我目前正在尝试按这个问题: $(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},
4 2024-01-21
编程技术问答社区
jQuery。输入时改变键盘值
示例:当我在键盘上按键" a"时,该值将更改为" S",并且文本框显示" S". 我该如何使用jQuery或Tinymce 4? 非常感谢! 解决方案 您需要在每个keypress中检查keyCode.如果keyCode与A相同,则需要将其更改为所需的任何字符串,例如:S. Test: $("#test").on("keypress", function (e) { if (97 == e.keyCode || 65 == e.keyCode) { e.preventDefault(); var newString = $("#test").val() + "S"; $("#test").val(newString); } }); 97是a和65的密钥代码是A的键
4 2024-01-18
编程技术问答社区
如何在TinyMCE中像这样突出显示句子?
编辑2016年11月18日 我试图在Tinymce编辑器中标记/突出显示长句(以上16个字). 这是我到目前为止最好的选择 HTML很普通: Put whatever random text you want and as long as it is above 16 words per dot separated sentence it should also mark the text. JavaScript目前看起来像这样: tinymce.init({ selector: '#myTextArea', height: 300, init_instance_callback : "myCustomInitInstance", }); function myCustomInitInstance(inst) {
0 2024-01-17
编程技术问答社区
tinymce-添加一个自定义代码/改变一个HTML元素的值,当任何一个按钮被点击的时候
我正在使用内联Tinymce编辑当前内容. 我想检查用户是否真的在Ajax保存之前编辑了一些内容. 当用户更新内容时,我保留了一个隐藏的输入,并更改了其在键盘上的价值. 在Blur上,Ajax效果很好. 但是,如果用户选择一条线并大胆,那么我需要更新相同的隐藏输入,以使我再次将Ajax保存在Blur上,目前没有发生,我尝试了Tinymce OnClick事件,但是当我聚焦时它会做出反应在内容上,而不是单击按钮. 我使用过的示例代码. JSCODE: tinymce.init({ selector: ".edit_me_textimg", inline: true, menubar: false, plugins: [ "advlist autolink lists link image charmap print preview anchor", "searchreplace visualblocks
6 2024-01-17
编程技术问答社区
如何在TinyMCE中用getDoc().createElement( "img");添加图片的样式属性?
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;";
2 2024-01-16
编程技术问答社区
在tinymce 4中裁剪后上传图片
我正在研究Tinymce,并且已经实施了图像学.现在,当图像被插入文本编辑器,然后我编辑/裁剪图像,它将图像SRC更改为blob:www.localhost/asdf-ghij. 之类的东西 裁剪后我想要的是我可以将此URL发送到我的PHP脚本,以便可以将此图像保存在服务器上.但是我不知道应该使用的事件/功能. 这是我的代码: tinymce.init({ selector:'textarea', plugins:[ 'advlist autolink lists link image imagetools charmap print preview anchor', 'searchreplace visualblocks code fullscreen', 'insertdatetime media table contextmenu paste code' ], toolbar:'inse
4 2024-01-16
编程技术问答社区
tinymce在删除时获得图像细节
我创建了一个插件来处理用于Tinymce的图像上传.这一切都很好.如果用户删除了我的服务器,我想做的就是从我的服务器中删除图像,这样我就不会最终出现在偏视的文件上. 我能够使用Tinymce Init 的设置部分聆听nodechange Euntent tinymce.init({ selector: "textarea", plugins: "autoresize", toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | lin
0 2024-01-15
编程技术问答社区
TinyMCE不工作--即使有他们的例子?
问题: 我正在尝试使用Tinymce 4.0.12.但无法使它起作用,这只是使我的文字区域完全消失. 我到目前为止所做的事情: 我什至完全从他们的页面复制了他们的示例代码,它甚至都不适合. 我将所有文件提取到" JS/Tinymce/" 我很明显吗? 小提琴: http://jsfiddle.net/cg3e8/ P> JS代码: tinymce.init({ selector: "textarea", plugins: [ "advlist autolink lists link image charmap print preview anchor", "searchreplace vis
6 2024-01-15
编程技术问答社区
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!!'); } })
0 2024-01-14
编程技术问答社区
TinyMCE 4无法在提供的插件文本字段中输入文字
在JS下使用Tinymce 4.1.5(w/jquery 1.11.1和几个jQuery插件,例如Form和UI).我正在使用的Tinymce版本不是带有嵌入式jQuery的版本. 编辑器效果很好,我可以直接在其中键入它而没有问题.仅使用具有Tinymce提供的插件,使用按钮或非文本字段控制的所有功能都可以正常工作. 但是,插件中的文本字段(例如链接或插入视频中)不能让我输入字段或选择其他文本字段(因此似乎是一个焦点问题). 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, s
4 2024-01-14
编程技术问答社区
如何在自定义的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.activeEditor.formatter.toggle('a
0 2024-01-14
编程技术问答社区
TinyMCE初始化后修改工具栏的正确方法
我正在用JavaScript扩展云托管LMS.因此,我们可以将JavaScript添加到页面上,但不能为不同组件修改供应商JavaScript. LMS经常使用Tinymce.目标是在每个Tinymce编辑器的工具栏上添加一个新按钮. 问题在于,由于Tinymce模块是在供应商的不可接触的代码中初始化的,因此我们无法修改INIT()调用.因此,我们不能将任何文本添加到init()对象的"工具栏"属性中. 所以我以一种中等程度的技巧完成了此操作: tinyMCE.on('AddEditor', function(e){ e.editor.on('init', function(){ tinyMCE.ui.Factory.create({ type: 'button', icon: 'icon' }).on('click', function(){ // button pressing logic })
22 2024-01-14
编程技术问答社区
如何在TinyMCE中添加占位符文本?
对于标准文本列,我使用placeholder="".我如何扩展Tinymce,以便以这种方式工作. 与Ckeditor类似: http://alfonsoml.blogspot.com.es/2012/04/placeholder-text-in-ckeditor.html 解决方案 占位符插件对我有用. 该插件带来了Tinymce编辑器的HTML5占位符属性功能. 其他解决方案 Bhanu Pratap, Tinymce with placeholder... tinymce.PluginManager.add('placeholder', function (edit
20 2024-01-13
编程技术问答社区
TinyMCE 4插入链接表格字段被禁用
我正在使用 tinymce-rails GEM使用Tinymce 4,我正在加载link插件,所有这些都是在colorbox弹出窗口之后启动的. Tinymce编辑器工作正常工作,但是链接按钮会提出一个对话框来添加/编辑链接,但是除 target 外,没有一个字段可用于编辑. 以下是相关代码: setup_new_message: -> tinyMCE.init selector: '.tinymce' plugins: "textcolor link" menubar: false toolbar: "formatselect | fontselect | bold italic underline | forecolor | alignleft aligncenter alignright | bullist numlist | link" height: 250 $(document).on 'focusin',
4 2024-01-13
编程技术问答社区
为什么TinyMCE在用户从其他输入字段跳转时,会得到焦点和模糊事件?
IM有一个标题输入字段和一个Tinymce4 Textarea. 在Tinymce Init中,我定义了 Blur 和 focus 事件听众(咖啡本). tinymce.init( $.extend {}, tinyMceDefaultConfig, editor_selector:"tinymce-question" setup: (editor) -> editor .on 'init', (e)..... .on 'focus', -> console.log('focus') .on 'blur', -> console.log('blur') 当我进入Tinymce Textarea领域时,它只会启动 focus 事件.工作正常. 但是,当我从标题输入字段转到tinymce(带有鼠标事件)时,它会发
2 2024-01-13
编程技术问答社区
如何在TinyMCE 4中设置内容,最好是在$(document).ready();块中设置?
正如标题所说,我已经查找了官方文档但这是不起作用的;这是我的JavaScript(使用jQuery)代码: $(document).ready(function() { tinymce.init({ element_format: "html", schema: "html4", menubar: false, plugins: 'preview textcolor link code', selector: 'TEXTAREA#rtf', toolbar: 'preview | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | blockquote subscript superscript
4 2024-01-12
编程技术问答社区
我如何使用TinyMCE的jQuery包,与TinyMCE的jQuery插件有什么区别?
我已经看过这篇文章什么是Tinymce jQuery软件包?什么是?其中解释了V4 Tinymce jQuery软件包是什么 当我下载V4 Tinymce jQuery软件包时,没有tiny_mce.js;似乎有两个文件jquery.tinymce.min.js和tinymce.min.js.我已经读到,如果我包含两个文件,那么我正在使用完整的tinymce而不是jQuery版本,但是如果我只包含jQuery文件,则我对Tinymce的调用.Init失败了"未定义Tinymce". 我真的宁愿从文档中弄清楚这一点,但是我尝试搜索它,但找不到有关jQuery版本的任何内容. 在相关点上,任何人都可以解释什么是Tinymce jQuery插件及其与上述内容的关系?我认为这可能是我理解的差距. 非常感谢 解决方案 我几周前遇到了同一问题.您无需使用Tinymce作为jQuery插件,但是如果您愿意,则可以使用. tinymce源代码的绝大部分位于tinymce.mi
2 2024-01-11
编程技术问答社区