问题标签 [wmd-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 回答
465 浏览

ruby-on-rails - WMD 编辑器、导轨、指南针:如何将生成的 Markdown 代码读取为 HTML 并显示为“富文本”?

我非常喜欢 WMD 在我的应用程序中表现良好。但是,我有一个问题。

基本上我编辑内容并将其作为降价存储在我的数据库中。然后我使用Kramdown来获取视图的 HTML。然而,Kramdown 为我提供了浏览器无法读取的 HTML 标签。我用铬。

即使用户输入了粗体、斜体、代码等,对其进行消毒也会给出纯文本。

因此,基本思想是将生成的 HTML 读取为 HTML 和“富文本”。

检查输出源,我发现如果我使用Kramdown::Document.new(text).to_html有一些“”引号是这样引入的:"<p> ...<em>..</em>.. </p>"

这些引号隐藏了引号之后的真正HTML代码......(我假设)

并且随着消毒引号消失了:<p> ...<em>..</em>.. </p>但我最终得到了纯文本。

我在这里想念什么?我可以让我的浏览器看到我有粗体,或者我有斜体、段落、图像等...

我必须对 HMTL 转换器使用 kramdown 或类似的降价吗?

非常感谢!

更新

我为我的样式表使用指南针。卸载指南针后,WMD 编辑器可以正常工作。由于某些原因,compass 似乎隐藏了我的 application.html.erb 文件中的任何样式,包括“测试文本”,但使用其 .scss 部分文件创建的样式!我的意思是,例如,在我的 application.html.erb 文件中编写的以下代码不会显示为粗体。<strong> test bold </strong>

任何想法为什么会发生这种情况?

0 投票
1 回答
82 浏览

css - Chipersoft WMD - Yahoo Yui Reset.css - 预览模式不起作用

我编写了一个自定义 Symfony (1.4) Textarea 类,以允许将 textarea 转换为 WMD 编辑器。现在我正在使用Chipersoft WMD以及一些 Yahoo yui (v3.4.0) css 库(重置、字体和网格)。

一切都很好,除了 WMD 的“预览 div”,它应该在“输入文本区域”中添加/删除 html 标签时呈现它们。经过一段时间缩小问题范围后,我能够 100% 确定它与 Yahoo yui reset.css 库有关。我能够通过将库内容复制到本地文件并注释掉 css 块来确定这一点,直到找到导致 html 无法在“预览 div”中呈现的确切触发器。

这是我发现的问题代码:

当我注释掉这段代码并刷新页面时,“预览 div”会正确显示任何标记为粗体斜体的单词。

所以我的问题是,在使用 Chipersoft WMD 和 Yahoo 的 yui reset.css 库时,有没有人遇到过同样的问题?如果是这样,您是如何解决这个问题的?

此时我唯一能想到的是将reset.css的内容复制到本地css文件中,而不是通过http://yui.yahooapis.com/3.4.0/build/cssreset/调用Yahoo yui版本reset.css,我不想这样做,因为我更喜欢使用雅虎的带宽而不是我的。

提前致谢。

0 投票
1 回答
335 浏览

cakephp - 在 CakePHP 中使用 WMD 编辑器

我正在使用 WMD 编辑器https://github.com/derobins/wmd/(类似于 Stack Overflow 上使用的)来创建所见即所得编辑器,以允许用户在我的应用程序上创建基于 HTML 的帖子。

它在发布并将 HTML 保存到数据库中时效果很好。问题是当我再次编辑帖子时,它会在 textarea 中显示实际的 HTML。我该如何阻止这个?

编辑:经过一番思考,我似乎必须将内容作为降价保存在数据库中,而不是HTML 对吗?因此,为什么 Html 回来了,而不是好的内容?

0 投票
1 回答
1802 浏览

javascript - WMD - 获取降价文本

我在我的应用程序中使用降价编辑器

最初,textarea 字段为空。在我输入一些文本后,一切都按预期工作:

在此处输入图像描述

Firebug 显示了这样的 html 结构:

在此处输入图像描述

现在我需要输入纯降价文本:**where** is it ?. 我需要它,因为我认为它应该存储在数据库中(稍后从数据库中检索并在向用户显示时转换为 html)。我不知道怎么才能达到。我怎么才能得到它 ?

0 投票
1 回答
556 浏览

asp.net-mvc-3 - ASP.NET MVC 3 Razor 中的 WMD 编辑器

我正在尝试使用derobins wmd编辑器和 ASP.NET MVC 3 项目。我设法添加了控件,

但 WDM 编辑器未正确显示(没有工具栏,也没有预览)。

请帮我解决这个问题?

0 投票
1 回答
791 浏览

php - 如何在 textarea 中获取格式化数据(通过 wmd 编辑器)

我想显示数据或关于我们像 stackoverflow 一样编辑所以我使用 wmd 编辑器我还使用 markdown.php 进行降价,它工作正常。但是当我在文本区域中获取数据以显示在 wmd 编辑器中时,我正在做

现在的问题是我得到的数据表单$users->aboutme()是带有html标签的

在此处输入图像描述

在这里,我想知道如何删除 html 标记并在我在 textarea 之外显示时显示

0 投票
1 回答
117 浏览

text-editor - 我如何将我的 html 转换为支持 WMD 编辑器?

我的数据库中已经有 html,我想使用 wmd 编辑器,但是当我从数据库 wmd 编辑器获取 html 时,在 wmd 编辑器中显示 html,但我想要 wmd 样式的 html。喜欢粗体**粗体**。任何人都有解决方案。

0 投票
0 回答
112 浏览

asp.net-mvc-3 - wmd 编辑器选项卡未显示

大家好,我正在尝试在stackoverflow上实现这样的wmd编辑器,但我无法显示编辑器的按钮,只有文本区域出现..这是我的代码..我在这里做错了吗?还是错过了什么?谢谢希望你们能帮助我。

<!DOCTYPE html>

<body>
<div id="wmd-button-bar" class="wmd-panel"></div>
<textarea id="wmd-input" class="wmd-panel"></textarea>
<div id="wmd-preview" class="wmd-panel"></div>
<div id="wmd-output" class="wmd-panel"></div>
</head>
</body>

0 投票
1 回答
1668 浏览

ruby-on-rails - 在 Rails 中制作一个基本的 SO-like WYSIWYG 编辑器

我对 Rails 比较陌生,最近完成了 Hartl 的 Rails 教程,现在正在着手我的第一个完整项目。我有兴趣添加到我的 Web 应用程序中的是类似于 SO 中的文本输入功能,您可以在其中输入,并直接查看您的文本将如何输出。在对SO进行了一些 研究之后,我决定使用 gem ,它是用 Ruby 实现的 Markdown,但现在有以下问题: bluecloth

  1. 我不确定如何将bluecloth输出与form_for助手联系起来。我的理解是您可以通过函数转换为字符串html = BlueCloth.new(str).to_html(),但是我不确定当您有一个文本字段作为其中的一部分时该怎么办form_for,我应该在哪里插入蓝布部分?换句话说,我仍然对在一个框中输入并看到该项目显示在页面上的其他地方的魔力感到有些困惑。
  2. WMD 栏按钮项目和功能是否包含 Markdown 编辑器(例如 bluecloth),还是我必须手动构建?如果是这样,当您键入时,我将如何在编辑器中获得类似粗体按钮以显示“** **”的内容?

谢谢你的帮助!

0 投票
1 回答
277 浏览

python - Markdown 解析代码应该在 Django 应用程序中的什么位置?

我在 django 管理员中使用 WMD 编辑器。我编写了一个简单的解析器(主要是正则表达式),因此我可以在 markdown 中捕获特定标签并相应地插入 HTML。我的问题是我需要访问 Django 对象本身。

目前我正在压倒一切Model.save()并打电话Model.process_markdown()

然后将结果保存到Model.rendered我的模型上的一个字段中。如果你注意到我有一个render_markdown函数被调用。那存储在我的应用程序中调用的文件util.py中,并完成所有实际工作。

一切正常,但这似乎应该有更好的方法。我知道我可以绑定到自定义标签的降价并做到这一点更清洁,但我必须能够访问 django 对象,并且当我引用相关的内联对象时。据我所知,我没有办法做到这一点。

有没有更好的方法来组织这个?