问题标签 [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 投票
1 回答
820 浏览

javascript - 中等编辑器粘贴选项不起作用

这是我的配置

当我粘贴一些 html 文本时,我希望idstyleattrs 以及abr标签都被删除。但这没有发生,请参见此处的 plunker

难道我做错了什么?

0 投票
4 回答
4736 浏览

javascript - 如何在媒体编辑器中使用链接?

我一直在尝试出色的Medium Editor。我一直遇到的问题是我似乎无法获得“工作”的链接。

最简单的是,这里有一些 HTML/JS 用于演示问题:

HTML:

Javascript:

这个小提琴演示了这个问题(使用上面的代码)。

  • 如果您将鼠标悬停在链接上,则会出现一个弹出窗口。
  • 如果单击链接,则不会发生任何事情。
  • 如果单击弹出窗口,则会出现一个表单,您可以在其中编辑链接。

在我看来,点击链接应该把我带到链接所指向的任何地方href。使用该链接的唯一方法是右键单击并在新选项卡或新窗口中打开——我不想让我的用户这样做。

我觉得我必须在配置中遗漏一些简单的东西(Anchor Preview OptionsAnchor Form Options)。不幸的是,我没有看到它。

在我的实际应用程序中,我没有使用jQuery,但我正在使用angularjs. 如果不存在严格的中等编辑器答案,我可以回退到使用基本 JS 或 angularjs 提供的任何东西。

0 投票
2 回答
1053 浏览

angularjs - 如何使用angularjs在点击时切换媒体编辑器选项

我正在尝试在单击按钮时切换媒体编辑器选项( disableEditing )。单击时,媒体编辑器选项的值已更改,但媒体编辑器不使用“更新”值。

AngularJS 控制器

html模板

我创建了一个jsfiddle 演示

我认为在“点击”上初始化媒体编辑器可以解决这个问题,但我也不知道该怎么做。

使用thijsw 角度媒体编辑器yabwe 媒体编辑器

0 投票
0 回答
1162 浏览

javascript - HTML/JS 富文本编辑器分页

我正在研究如何使用富文本编辑器(如Medium Editor)使用页面格式(A4、字母等)实现分页/分页符。

字体系列、字体大小、行高、边距将被固定,因为这是一个非常具体的案例研究。我正在考虑在纯 CSS(比例)中处理缩放级别,而不是直接修改宽度、高度等。

此外,为了实验,假设我将只在 Chrome 中运行它,浏览器渲染差异并不是真正的问题(但即使我为各种浏览器构建它,我也会尝试使用更精确的单位,例如字体大小的“px”、“em”、页面宽度、元素之间的边距等 - 可能只是“px”)。

请记住,我不是在询问“@page”规则或打印规则,我知道如何在打印出 PDF 时使用这些规则来实现我想要的,而是直接在浏览器中实现。打印应该(并且将)由“@page”处理,当我需要它们时,我没有问题在那里处理分页符。

最后,我的问题是——我从哪里开始?

我想考虑字数和“h(1,2,3...)”、“p”标签边距,以及特定于案例的 CSS 规则(break-after、break-word、break-line 等) ) - 即使用 js 考虑这些可能不会很容易。

甚至可能包括页面高度?比如说,如果格式是 A4:596px x 842px (72dpi) - 当页面内“每个”元素的总高度 == 页面高度 - [底部和顶部页边距的总和]时考虑它?

除了后者(使用简单的 js 循环),如果有人有任何指针,甚至可能是代码片段(或插件?),我将非常感激!谢谢!

0 投票
1 回答
1209 浏览

javascript - 将反应组件添加到 contenteditable 或 innerhtml

我正在使用使用 contentEditable 但不在 React 中的内容编辑器(特别是媒体编辑器)。我有一个用例,有人可以拖放图像,或者我可以插入图像。我的问题不是将以下内容添加到编辑器的 html 中:

理想情况下,我想添加一个 React 组件。

换句话说,React 组件是否可以添加到 React 组件之外的 html 元素的 contentEditable 或 innerHtml 中?

0 投票
2 回答
1707 浏览

jquery - 中型编辑器插入按钮 - 较轻的示例,然后是那里的插件

使用 contentEditable 并希望添加中等样式的插入按钮。

此按钮与光标显示在同一行,但在您开始输入后立即隐藏。然后,当您按回车并开始新行时,它将再次显示。

例如,我发现了这个:http: //linkesch.com/medium-editor-insert-plugin/

但是依赖关系很大,我不需要使用任何现有的插件,因为我的图像上传等已经完成。

对实现与提供的链接相同的效果有什么帮助吗?只需要一个简单的按钮,可以定位在输入行的开头。

谢谢。

0 投票
2 回答
940 浏览

javascript - 在中等编辑器(github)中将焦点更改为特定段落

如何在媒体编辑器中将光标的位置更改为特定的段落。我能够获取目标 para 的节点但无法重新定位光标。试过focus()但它不起作用。也试过Editor.selectElement(),但它突出显示了整个段落,没有移动光标。对此有什么帮助吗?只是一个编辑器的初学者。提前致谢

https://github.com/yabwe/medium-editor

0 投票
1 回答
251 浏览

ruby-on-rails - 如何在 Rails 的 SimpleForm 中实现 MediumEditor gem?

我想将MediumEditor添加到用户可以编写文本的简单表单字段中。rails有一个gem,但我不知道如何在一个简单的表单中实现它。f.input 字段应该看起来如何?

0 投票
2 回答
778 浏览

javascript - 如何在 Medium Editor 中向当前活动段落添加类?

我目前正在一个可以编辑文章的项目中使用Medium Editor JS Clone 。

编辑器工作得很好,我可以格式化元素并且代码很干净,但我现在正试图找到一种在编辑时添加照片的方法。

一个很好的解决方案是在绝对模式下向活动段落添加一个侧边按钮,但我还没有找到任何方法来向当前活动段落添加一个类。

这是它生成的:

这是我想要的:

图片 问题描述

因此,知道编辑器 div 中的哪个 p 是当前活动的,将允许我设置侧按钮的顶部位置,然后单击将刚刚上传的照片附加到段落中。

0 投票
1 回答
764 浏览

javascript - 如何在媒体编辑器中自定义扩展?

我想更改“锚”扩展按钮标签以使用 Unicode 符号作为浏览器链接 - (U+1F517)。我不想安装 fontawesome。

为此,我需要一些方法来修改扩展或对其进行子类化。有什么建议么?