问题标签 [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.
javascript - 如何在媒体编辑器中使用链接?
我一直在尝试出色的Medium Editor。我一直遇到的问题是我似乎无法获得“工作”的链接。
最简单的是,这里有一些 HTML/JS 用于演示问题:
HTML:
Javascript:
这个小提琴演示了这个问题(使用上面的代码)。
- 如果您将鼠标悬停在链接上,则会出现一个弹出窗口。
- 如果单击链接,则不会发生任何事情。
- 如果单击弹出窗口,则会出现一个表单,您可以在其中编辑链接。
在我看来,点击链接应该把我带到链接所指向的任何地方href
。使用该链接的唯一方法是右键单击并在新选项卡或新窗口中打开——我不想让我的用户这样做。
我觉得我必须在配置中遗漏一些简单的东西(Anchor Preview Options或Anchor Form Options)。不幸的是,我没有看到它。
在我的实际应用程序中,我没有使用jQuery
,但我正在使用angularjs
. 如果不存在严格的中等编辑器答案,我可以回退到使用基本 JS 或 angularjs 提供的任何东西。
angularjs - 如何使用angularjs在点击时切换媒体编辑器选项
我正在尝试在单击按钮时切换媒体编辑器选项( disableEditing )。单击时,媒体编辑器选项的值已更改,但媒体编辑器不使用“更新”值。
AngularJS 控制器
html模板
我创建了一个jsfiddle 演示。
我认为在“点击”上初始化媒体编辑器可以解决这个问题,但我也不知道该怎么做。
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 循环),如果有人有任何指针,甚至可能是代码片段(或插件?),我将非常感激!谢谢!
javascript - 将反应组件添加到 contenteditable 或 innerhtml
我正在使用使用 contentEditable 但不在 React 中的内容编辑器(特别是媒体编辑器)。我有一个用例,有人可以拖放图像,或者我可以插入图像。我的问题不是将以下内容添加到编辑器的 html 中:
理想情况下,我想添加一个 React 组件。
换句话说,React 组件是否可以添加到 React 组件之外的 html 元素的 contentEditable 或 innerHtml 中?
jquery - 中型编辑器插入按钮 - 较轻的示例,然后是那里的插件
使用 contentEditable 并希望添加中等样式的插入按钮。
此按钮与光标显示在同一行,但在您开始输入后立即隐藏。然后,当您按回车并开始新行时,它将再次显示。
例如,我发现了这个:http: //linkesch.com/medium-editor-insert-plugin/
但是依赖关系很大,我不需要使用任何现有的插件,因为我的图像上传等已经完成。
对实现与提供的链接相同的效果有什么帮助吗?只需要一个简单的按钮,可以定位在输入行的开头。
谢谢。
javascript - 在中等编辑器(github)中将焦点更改为特定段落
如何在媒体编辑器中将光标的位置更改为特定的段落。我能够获取目标 para 的节点但无法重新定位光标。试过focus()
但它不起作用。也试过Editor.selectElement(
),但它突出显示了整个段落,没有移动光标。对此有什么帮助吗?只是一个编辑器的初学者。提前致谢
ruby-on-rails - 如何在 Rails 的 SimpleForm 中实现 MediumEditor gem?
我想将MediumEditor添加到用户可以编写文本的简单表单字段中。rails有一个gem,但我不知道如何在一个简单的表单中实现它。f.input 字段应该看起来如何?
javascript - 如何在 Medium Editor 中向当前活动段落添加类?
我目前正在一个可以编辑文章的项目中使用Medium Editor JS Clone 。
编辑器工作得很好,我可以格式化元素并且代码很干净,但我现在正试图找到一种在编辑时添加照片的方法。
一个很好的解决方案是在绝对模式下向活动段落添加一个侧边按钮,但我还没有找到任何方法来向当前活动段落添加一个类。
这是它生成的:
这是我想要的:
因此,知道编辑器 div 中的哪个 p 是当前活动的,将允许我设置侧按钮的顶部位置,然后单击将刚刚上传的照片附加到段落中。
javascript - 如何在媒体编辑器中自定义扩展?
我想更改“锚”扩展按钮标签以使用 Unicode 符号作为浏览器链接 - (U+1F517)。我不想安装 fontawesome。
为此,我需要一些方法来修改扩展或对其进行子类化。有什么建议么?