问题标签 [simplemde]

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 回答
7856 浏览

javascript - 如何向 SimpleMDE 添加自定义 Markdown 函数?

目前使用这个Markdown WYSIWYG 编辑器。我需要用一个函数(!!text!!创建红色文本)来扩展 Markdown,并在服务器端成功地做到了这一点,但是作为一个使用 JavaScript 的人,我很难为这个库做同样的事情。

0 投票
0 回答
274 浏览

javascript - Markdown 值呈现“未捕获的类型错误:无法读取未定义的属性‘值’”

当我添加 Simple Markdown 时,我有一些 javascript 代码会出现此错误

这是我在 application.js 中实现的代码

我的布局中的脚本:

谢谢您的帮助。

0 投票
0 回答
591 浏览

javascript - 如何在simpleMDE中添加将css样式/类添加到文本的功能?

我不能做这里所说的:如何向 SimpleMDE 添加自定义 Markdown 函数? 这是:

因为如果我在标题“#h1”上这样做,这将不起作用。

基本上,我正在尝试创建一个将选择与中心对齐的函数。

有没有办法将样式添加到选定/突出显示的元素?

0 投票
1 回答
844 浏览

javascript - 如何使用 SimpleMDE 和 Qooxdoo 获取作品滚动容器?

我将非常感谢您的帮助,您会看到:我正在尝试获取构建SimpleMDE编辑器的 qooxdoo 小部件。您可以在操场上查看我的测试代码:

实际上该实例已创建并显示,但是当您在可见空间之外写入文本时,“预期”滚动条不会显示,并且在控制台我收到此错误Error in property scrollY of class qx.ui.core.scroll.ScrollPane in method setScrollY with incoming value '131': Is invalid!

我试图显示本机滚动条SimpleMDE但没有成功。现在,我想显示由 qooxdoo 管理的滚动条,但不知道如何存档。

0 投票
1 回答
1657 浏览

webpack - 如何在 ES6 中导入 SimpleMDE

我在使用Webpack /ES6 的 Angular 项目中使用 SimpleMDE,

通过 npm 安装 simplemde 后:

npm install --save simplemde

当我通过以下方式将其导入文件时:

import * as SimpleMDE from 'simplemde/src/js/simplemde';

或者

import * as SimpleMDE from 'simplemde';

或者

import SimpleMDE from 'simplemde';

并使用new SimpleMDE(options),并在 Chrome 控制台中出错。

Uncaught ReferenceError: SimpleMDE is not defined

0 投票
1 回答
1667 浏览

javascript - SimpleMDE:如何设置 Html 预览以在新选项卡中打开锚标记?

我正在使用SimpleMDE编辑器(版本 1.10.1)。

有没有办法将 Html 预览设置为在新选项卡中打开锚标记,默认情况下previewRender现在在同一选项卡中打开链接。参考图片:

图片

据我所知,这些是实现这一目标的方法 -

  1. 我知道我们可以设置一个 custom previewRender,但是为所有 markdown 语法制作一个自定义解析器函数只是为了添加target="_blank"链接会很多。
  2. 我可以通过简单地更改函数来替换锚标记来做到这togglePreview一点simplemde.jsthis target="_blank"=> replace(/a href/g, 'a target="_blank" href'),但这不是一个永久的解决方案,因为这将是一个 hack,我必须在 SimpleMDE 的每次更新中添加它。

除了这两个之外,还有其他选择吗?

0 投票
1 回答
743 浏览

markdown - 如何防止在 SimpleMDE 降价编辑器中呈现标题?

我制作了一个定制版本的wagtail-markdown,这样我就可以定义编辑器的工具栏。

使用的编辑器是SimpleMDE

MarkdownFiled 正在使用 MarkdownTextarea 小部件。小部件可以自行附加。

simplemdeAttach

Wagtailadmin 中的编辑器

工作中的小部件

不应呈现手动插入的哈希值。

我调查了 SimpleMDE 的 javascript 代码,但我不知道如何防止呈现。

有人有线索吗?

问候,

罗伯特

0 投票
1 回答
2513 浏览

python - 在 simplemde 中保存 markdown 内容

我正在尝试使用烧瓶建立一个博客。SimpleMDE 用作帖子编辑器(下面的 html 代码)。我想将降价内容保存到本地文件并由 jinja2 中的 flask-misaka 渲染。
在 SimpleMDE 中,我可以通过simplemde.value(). 但是当我simplemde.value()在 javascript 中传递给 var 时。通过后缺少“\n”。我认为它可能在 javascript 中有一些“魔法”工具。html 代码返回 2 条警报消息,第一条消息包含换行符,第二条不包含。
有人可以给我一些关于这个问题的信息吗?

0 投票
1 回答
624 浏览

javascript - 点击图片生成markdown代码

我有一个带有 SimpleMDE 的文本区域。

在此处输入图像描述

这是逻辑:我选择要上传的文件(done),然后通过 ajax (jquery-fileupload) 上传文件(done),然后在表单下方列出所有上传的文件(done)

到目前为止一切都很好,但我现在想要实现的是当我单击我想要获取图像src属性(http://www.website.com/path/to/image.jpg)的图像之一并自动像这样在 SimpleMDE 中添加它

所以不必每次都手动输入。

理想情况下,我的光标位于 SimpleMDE 中,或者如果这在内容末尾是不可能的。

我怎样才能做到这一点??

编辑

这是我的代码

这是 textare 在 firebug 上的样子,因为 SimpleMDE 添加了更多内容

这是获取图像列表和我坚持的点的 ajax 脚本

0 投票
1 回答
364 浏览

javascript - Updating text in markdown

Coding a blog website, using SimpleMDE (Markdown editor) for writing Markdown.

In app.js ,

On using SimpleMDE, it works fine. enter image description here But on clicking the "Edit" button, the changes are saved as such: enter image description here

In editBlog.ejs,

In showBlog.ejs,

Am I missing something here?