Tag: summernote

从代码视图切换到编辑器的Summernote事件

我使用google caja html sanitizer来阻止客户端的脚本执行。 所以我需要将事件从代码视图切换到编辑器,在那种情况下我会清理html。 由于该开关没有任何事件,我写了这样的东西: $(‘#newFeaturesView .note-editor .btn-codeview’).click(function () { if (!$(element).hasClass(‘active’)) { var html = $(‘#summernote’).summernote(‘code’); var sanitizedHtml = html_sanitize(html, urlTransformer, classIdTransformer); $(‘#summernote’).summernote(‘code’, sanitizedHtml); } }); 但是如果html是脏的并且包含例如带有警报的脚本,则在清除html并将其粘贴到html编辑器之前执行警报。 如何强制我的清洁function先触发?

jQuery承诺提供summernote提示

我正在努力从数据库中获取Summernote提示的实时用户列表,但是当使用异步时,它只会失败,但是如果异步关闭它会导致UI冻结…显然不是UX的最佳选择。 $(document).ready(function() { $(‘.editor’).summernote({ height: 300, hint: { match: /\B@(\w*)$/, users: function(keyword) { var result = data; $.ajax({ url: ‘/users/’ + keyword, type: ‘get’, async: false //This works but freezes the UI }).done(function(data) { result = data; //Set the result to the returned json array }); return result; }, search: function (keyword, callback) { callback(this.users(keyword)); […]

如何禁用特定行的ts规则?

Summernote是一个jQuery插件,我不需要它的类型定义。 我只想修改对象,但TS不断抛出错误。 下面的一行仍然告诉我: “’jQueryStatic’类型中不存在”属性’summernote’。“ 错误。 (function ($) { /* tslint:disable */ delete $.summernote.options.keyMap.pc.TAB; delete $.summernote.options.keyMap.mac.TAB; /* tslint:enable */ })(jQuery) 编辑: 这是我的tsconfig.json { “compilerOptions”: { “outDir”: “./dist/”, “sourceMap”: true, “noImplicitAny”: true, “module”: “commonjs”, “target”: “es5”, “allowJs”: true, “noUnusedParameters”: true }, “include”: [ “js/**/*” ], “exclude”: [ “node_modules”, “**/*.spec.ts” ] }

向Summernote编辑器添加禁用/启用方法

我已经使用了summernote编辑器一段时间了,它适用于我需要它的大部分内容。 但是,我最近希望在用户操作后禁用(未销毁)。 经过努力没有成功,我发现我可以使用destroy()方法来实现我想要的。 我注意到Summernote仍然将已经禁用的textarea转换为其编辑器,禁用了写入区域。 这是我最后做的: 要在创建它之后禁用summernote:我首先销毁它,然后禁用目标元素,最后重新初始化它: $(“.summernoteTarget”).destroy(); $(“.summernoteTarget”).prop(‘disabled’, true ); $(“.summernoteTarget”).summernote(); 为了再次启用它,我首先像以前一样销毁它,然后启用目标元素,最后重新初始化它: $(“.summernoteTarget”).destroy(); $(“.summernoteTarget”).prop(‘disabled’, false ); $(“.summernoteTarget”).summernote(); 这样就解决了一个小问题:当它处于“禁用”状态时,所有控件都不会被禁用,只有写入区域。 因此,用户仍然可以将文件拖到写入区域,但这会引发错误。 有没有人看过Summernote的源代码,除了destroy()之外还可以添加两个方法(禁用和启用),这样我们可以做类似的事情: $(“.summernoteTargetElement”).disable(); $(“.summernoteTargetElement”).enable(); 谢谢。

summernote图片上传和替代不工作

我在我的网站上使用summernote编辑器,并使用他们网站上提到的Click2edit方法实现了它。 但是,如果按原样使用图像上载会导致各种问题。 我的理解是这是使用一种叫做base64的东西。 我尝试使用另一个stackoverflow答案[here]中的代码将更直接的文件上传到服务器。 ( Summernote图片上传 )然而它似乎没有做任何事情,图像仍然插入原始方法。 如果你能帮我解决如何正确实现这个问题。 在错误方面,我的网站有几个标签,其中一个标签包含click2edit summernote编辑器,当我尝试使用图片上传并保存时,图片不显示,它将标签组合为1页(可能一些特殊的角色在哪里引起问题?)。 其次,作为文本数据类型的sql列在sql management studio中查看时没有显示内容且内容可编辑,给出了某种保存错误。 我最终需要将所有条目一起删除才能恢复正常。 我的代码: 实施夏令营: click2edit var edit = function() { $(‘.click2edit’).summernote({focus: true}); }; var save = function() { var aHTML = $(‘.click2edit’).code(); //save HTML If you need(aHTML: array). $(‘.click2edit’).destroy(); }; 我正在使用的文件上传: $(document).ready(function() { $(‘#summernote’).summernote({ height: 200, onImageUpload: function(files, editor, welEditable) { sendFile(files[0], editor, […]