问题标签 [medium-editor]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
834 浏览

jquery - 为 daviferreira 的 WYSIWYG 媒体编辑器添加功能

我正在制作一个插件,以使他的中型编辑器更像中型。如果用户没有输入任何内容,我不确定如何关闭用户按 Enter 键的功能,或者如果用户按两次 Enter 键,我不确定如何添加分隔段落的行。

0 投票
2 回答
499 浏览

javascript - 选项文本未显示在 Medium 编辑器中的问题(来自 Github)

正如您在下面的附件中看到的,某些选项按钮未正确显示。一些按钮缺少文本/图标,但是它们可以正常工作。

在此处输入图像描述

我在网页中实现了它,而不是在空白页面上。会不会是 CSS 干扰?

建议?

该插件可在此处获得 https://github.com/orthes/medium-editor

0 投票
1 回答
864 浏览

knockout.js - 媒体编辑器自定义绑定

中等编辑器.js

这就是我声明我的自定义绑定的方式,但问题是当我在编辑器中输入时,底层 observable 会更新。这是我在标记中使用它的方式。

这是我的虚拟机绑定到我的html。

初始自定义绑定按预期工作,因为我可以看到编辑器脚本被激活并且值被传递给编辑器我的问题是在编辑器中更新我的 html 后我无法更新我的 observable。

0 投票
2 回答
1419 浏览

angularjs - 将 angularjs 与中型编辑器一起使用

我在 Github 上找到了 angular-medium-editor,但不知道如何使用它,这是我的plunker。请帮我指出那里出了什么问题。谢谢你。

0 投票
2 回答
1780 浏览

javascript - 使用 medium-editor-rails 保存数据

我已经按照这个https://github.com/marjinal1st/medium-editor-rails安装了 medium-editor-rails gem

它可以完美地显示编辑框,但不知道如何通过模型保存数据

这是显示页面中的视图 div

以及对应的Js

0 投票
2 回答
2134 浏览

javascript - 一旦丢失,如何替换中编辑器中的选择?

我正在尝试添加一个扩展来替换媒体编辑器中现有的链接功能,以允许我拥有一个文件列表和其他自定义位。问题是,一旦我显示模态并且您对其进行了一些更改,原始选择就会丢失。插入代码的示例,看起来与主脚本使用的内容相同我对其进行了编辑,仅允许将选择对象作为第二个参数传入。

我所做的是单击按钮显示模态,设置一些输入,从基础中获取选择(与 window.getSelection() 相同)将其保存到扩展对象。然后单击模态中的保存按钮,我使用代码插入示例中的函数,传递选择。但是选择已经改变,所以我猜它是一个参考或每次都计算,所以我不确定如何使它工作。

这是代码,我删除了不相关的位:

0 投票
1 回答
2873 浏览

javascript - 如何在 daviferreira 的中型编辑器中添加自定义按钮?

我想在中型编辑器按钮栏中添加一个按钮来创建自定义样式(在本例中为红色文本)。

我可以创建按钮并使其出现在按钮栏中:

我不太懂Javascript。在https://github.com/daviferreira/medium-editor/wiki/Custom-Buttons-and-Extensions#buttons-defaultbutton-object有文档,但没有任何我认为的例子,所以我不知道如何它在实践中有效。

任何指针?

0 投票
2 回答
1233 浏览

internet-explorer-9 - medium-editor-insert-plugin:图片上传在 IE9 中不起作用

使用最新版本的https://github.com/orthes/medium-editor-insert-plugin,图像上传在 IE9 中不适合我。

我在 GitHub 上提交了一份关于此的错误报告:

https://github.com/orthes/medium-editor-insert-plugin/issues/149

在此处重新发布以查看是否有更广泛的受众中的任何人对此有解决方案。

出于调试目的,我在以下位置设置了一个测试站点:

http://mediumeditortest.vector5.com.au/

您可以选择要内联上传的图像,它将被发送到服务器;但它没有被保存,服务器在成功时返回一个示例图像(partridge.jpg)。

在最新的 Chrome / Firefox / Safari 上运行良好,但在 IE9 上运行良好 - 选择要上传的图像后,它只会在编辑器内容中显示一个空的换行符。

从 IE 调试栏/开发工具网络窗格以及我的服务器日志中,我看到没有发出 POST 请求(或其他请求)。

我已经验证Images.prototype.uploadAdd在 medium-editor-insert-plugin 中被调用(并且data.submit在 jquery-fileupload 中也被调用);但从Images.prototype.uploadDone不触发(不足为奇,因为没有发生 AJAX 请求)。

有任何想法吗?有什么明显的我错过了吗?需要对 medium-editor-insert-plugin、jquery-fileupload 或其他相关库进行更多修复吗?这里的想法用完了!

0 投票
1 回答
166 浏览

jquery - 从 MediumEditor div 获取空白 AJAX 数据

我最初有一个<textarea name="userWords">正确触发 jquery 调用并发送数据的方法。但我需要更好的文本编辑,所以我尝试使用MediumEditor而不是 textarea。我有以下html:

以下 AJAX 曾经可以使用,textarea但现在不再有效:

基本上,数据为空。有什么我想念的吗?

0 投票
1 回答
168 浏览

javascript - 从外部非 Angular 插件访问 Angular 应用的道具和控制器功能

我有一个 Angular SPA,但在其中我使用了一些非 Angular 库(确切地说,Medium Editor [ME from now on])。我为我创建了一个指令,所以如果我contenteditable在我的视图上添加一个元素,我就会被实例化并正常工作。所以这不是问题。

问题是我还创建了一个特殊的 ME 扩展,它需要向我的服务器发出 Web 请求,以便将正确的标记插入到 ME 的可编辑元素中。但是要发出这些请求,它需要一些视图模型的数据并将其传回:

  • 它需要读取并设置(未定义时)我的视图模型 ID
  • 它需要不断地操纵其他一些视图模型值,以便我的 SPA 知道它仍在处理中,因此其他进程被推迟

我以为我会简单地包含input type="hidden" ng-model="..."在我的页面上并更改其值并触发输入事件,以便 Angular 更新其模型。隐藏输入当然不起作用。所以我将其更改为input type="text" class="hidden"并保留该功能。

这确实有效,但它似乎不是正确的做事方式,因为它很hackish。这主要适用于模型价值交换(获取/设置)。如果我必须调用一些控制器函数怎么样?这甚至有可能吗?

我不想让 ME 的扩展以任何方式依赖 Angular 库,因为它必须是纯粹的 ME 扩展,并且应该在非 Angular SPA 中重用(可能是其他一些 lib SPA 或只是纯粹的简单 DHTML Web 应用程序)。但我想让它在 SPA 中可用,并且 ME 可以很容易地用于操作某些元素的标记,这些标记可以通过指令设置为视图模型。

从非 Angular 原生的外部库与 Angular 应用程序通信的正确方法是什么?

附加信息

基本上我想在我的自定义扩展中有 4 个函数,它们应该以某种方式访问​​(和操作)我的 Angular 视图模型:

  • getReferenceId()setReferenceId(id)
  • incrementPending()decrementPending()

待处理的计数器可以公开公开并由我的 Angular SPA 访问,因此它不会在扩展程序仍在做自己的事情时处理数据。但是 SPA 对何时设置参考 ID 没有任何权限,因此扩展程序可以正确读取它......