当我尝试在 Medium 中嵌入 gist 时，它只显示 gist 的前 11 行，而 gist 中的代码更长。这怎么能修好？
我一直在尝试优秀的媒体编辑器.我一直遇到的问题是我似乎无法获得"工作"的链接.
最简单的是,这里有一些用于演示问题的HTML/JS:
HTML:
<html>
<head>
<script src="//cdn.jsdelivr.net/medium-editor/latest/js/medium-editor.min.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/medium-editor/latest/css/medium-editor.min.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/medium-editor/latest/css/themes/beagle.min.css" type="text/css">
</head>
<body>
<div class='editable'>
Hello world. <a href="http://www.google.com">link</a>
</div>
</body>
</html>
使用Javascript:
var editor = new MediumEditor('.editable');
这个小提琴演示了这个问题(使用上面的代码).
在我看来,点击链接应该带我到链接的href目标位置.使用该链接的唯一方法是右键单击并在新选项卡或新窗口中打开 - 我不想让我的用户这样做.
我觉得我必须在配置中忽略一些简单的东西(Anchor Preview Options或Anchor Form Options).不幸的是,我没有看到它.
在我的实际应用中,我没有使用jQuery,但我正在使用angularjs.如果不存在严格的媒体编辑器答案,我可以回退使用基本的JS或angularjs提供的任何东西.
我正在研究如何使用富文本编辑器（如中型编辑器）以页面格式（A4，字母等）实现分页/分页符。
字体家族，字体大小，行高，边距将是固定的，因为这是一个非常具体的案例研究。我正在考虑在纯CSS（比例）中处理缩放级别，而不是直接修改宽度，高度等。
另外，为了实验起见，说我将仅在Chrome中运行，并且浏览器渲染差异并不是真正的问题（但是即使我是为各种浏览器构建的，我也会尝试使用更精确的单位，例如“ px”，“ em”表示字体大小，页面宽度，元素之间的边距等-可能只是“ px”）。
请记住，我并不是在问“ @page”规则或打印规则，我知道在打印PDF时如何实现这些目标，而是直接在浏览器中实现。打印应该（并将）由“ @page”处理，当我需要分页符时，我没有问题。
最后，我的问题是-我从哪里开始？
我假设考虑到字数统计和“ h（1,2,3 ...）”，“ p”标签页边距以及特定于案例的CSS规则（断点续传，断字，断行等） ）-即使将这些因素与js一起考虑可能也不是一件容易的事。
可能甚至包括页面高度？说，如果格式为A4：596px x 842px（72dpi）-当页面内“每个”元素的总高度==页面高度-[下页边距和首页页边距之和]时要考虑它吗？
除了后者（带有一个简单的js循环），如果有人有任何指针，或者甚至有一个代码片段（或一个插件？），我将不胜感激！谢谢！
我写了这篇文章，我正在尝试嵌入相应的 Stackblitz 示例。
我点击分享并选择preview only，然后将链接粘贴到媒体中：
https://stackblitz.com/edit/html5-file-api2?embed=1&file=src/app/app.component.ts&view=preview
它不会呈现编辑器，因此代码是可见的。
有任何想法吗？
typescript medium-editor medium.com-publishing-api angular stackblitz
我试图添加一个扩展,取代媒体编辑器中的现有链接功能,以允许我有一个文件列表和其他自定义位.问题是,一旦我显示模态并且你在其中做了一些改变,原始选择就会丢失.插入代码的示例,看起来与主脚本使用的是同一个,我只编辑允许选择对象作为第二个参数传入.
我所做的是在按钮上单击显示模态,设置一些输入,从基础中获取选择(与window.getSelection()相同)将其保存到扩展对象.然后单击模态中的保存按钮我使用代码插入示例中的函数,传递选择.然而,选择已经改变,所以我猜它是一个参考或每次都可能计算,所以我不知道如何让它工作.
这是代码,我删掉了不相关的位:
function MediumLink() {
var self = this;
this.parent = true;
//...button init
this.modalSubmit.addEventListener('click', function () {
//the linkSel is no longer what I set it to here
console.log(self.linkSel);
self.insertHtmlAtCaret('<a href="' + self.modalHref.value + '">' + self.modalName.value + '</a>', self.linkSel);
//... hide and reset modal
}, false);
//https://github.com/jillix/medium-editor-custom-html
this.insertHtmlAtCaret = function (html, sel) {
if (sel === undefined) {
sel = window.getSelection();
}
//..rest of this function is unchanged from example
};
}
MediumLink.prototype.onClick …javascript ×3
angular ×1
css3 ×1
gist ×1
github ×1
html ×1
stackblitz ×1
typescript ×1
wysiwyg ×1