问题标签 [pagedown]

JSFiddle：http: //jsfiddle.net/92z35/2/

我有一个目前运行良好的 Pagedown 编辑器，除了我必须以编程方式插入一些内容的少数情况。如果我插入然后键入，则预览会更新。但如果我只是插入，预览保持不变。

我错过了什么？

代码：

我正在尝试在将添加到 pagedown 转换器img的自定义标签中复制原始标签的功能。img

例如，我正在复制原始行为：

![image_url][1] [1]: http://lolink.com给<img src="http://lolink.com">

变成自定义的：

?[image_url][1] [1]: http://lolink.com给<img class="lol" src="http://lolink.com">

查看文档的唯一方法是使用preblockgamut钩子，然后添加另一个“块级结构”。我尝试这样做并得到了Uncaught Error: Recursive call to converter.makeHtml

这是我弄乱它的代码：

我对钩子和所有东西都不是很有经验，所以我该怎么做才能解决它？谢谢。

更新：发现 _DoImages 在之后运行prespangamut，将使用它而不是preblockgamut

有关此问题的改进解决方案，请参见问题底部

我已经尝试了一段时间来获得 pagedown 工作的指令。这是 stackoverflow 使用的完全相同的编辑器。Stackoverflow 在此处提供此代码：

https://code.google.com/p/pagedown/

互联网上有一些版本，但没有一个很好用。我需要的是一个与所有编辑器按钮一起出现的按钮，就像 stackoverflow 一样，无论是内联编码还是内联作为 ngRepeat 的一部分。

我想让这个指令在使用 Angular 1.2.7 版本内联编码以及在 ng-repeat 中工作。需要的是，当模型数据发生变化时，指令需要更新 pagedown 视图以显示新的问题和答案。当用户更改 pagedown 编辑区域时，指令需要能够更新模型。当用户单击 [save] 时，模型数据需要保存到数据库（或至少保存到另一个对象以确认它有效）。

该指令需要能够响应模型中的更改，并将其原始数据保存到模型中，或者在编辑窗格中按下“更改”按钮时。这是我到目前为止所拥有的。请注意，此版本没有 $wmdInput.on('change' 但它是所需内容的开始。

最重要的是，我希望它与Angular 1.2.7和 jQuery 2.0.3版本一起工作请注意，我发现 1.2.2 和 1.2.7 版本之间的非工作代码存在差异。我认为最好有任何解决方案适用于最新（1.2.7）版本。

更新

我现在这个指令更简单，解决了我最近遇到的一些内容未显示的问题。我强烈建议使用这个指令，它基于接受的答案加上一些改进：https ://github.com/kennyki/angular-pagedown

从表面上看，这个问题类似于How to add custom image tag to pagedown? 然而，在实践中，我认为解决方案将采取非常不同的形式。

使用PageDown，您可以通过<img>两种不同的方式将标签添加到文本块：

查看代码，第一种方法在_DoImages中处理Markdown.Converter.js，创建一个<img>标签，其中包含适当的信息。第二种方法在sanitizeHtml（调用sanitizeTag和使用img_white）中处理Markdown.Sanitizer.js。

我要补充的是，每个<img>成功通过 Markdown 的标签都添加了一个 CSS 类（例如，“user-img”）。

因此，例如，<img src='myimg.png' width='100' height'100'>将成为<img src='myimg.png' width='100' height='100' class='user-img'>

检查 Pagedown 的结构，我认为在我自己的代码中将这个功能添加为在“postConversion”阶段操作的“插件挂钩”是最有意义的（即，我不必在 Pagedown 中更改任何内容）。在伪代码中，我认为我的代码的代码更改看起来像这样：

init function：

userifyImages(html_text)：

我猜有一个相对简单的正则表达式要根据该规则构建，但恐怕我没有推导出一个。

所以我有两个问题：

(1) 考虑到 Pagedown 的结构，您认为这种方法有意义吗？

(2) 你知道我如何创建一个正则表达式来进行我需要的操作吗？（或者，当然，在不使用正则表达式的情况下解决问题。）

感谢您的时间。

我正在尝试按照此页面中的示例实现 Pagedown 编辑器：Pagedown Demo。这是我的代码：

HTML：

（注：预览区缺失是故意的）

JavaScript：

但是，editor在这种情况下未定义。这就是编辑器在查看演示中的示例代码时的工作方式。我在这里做错了什么？

基于这个问题，虽然我觉得这有必要提出自己的问题：Google pagedown AngularJS directive

按照this question中的示例，它似乎有效，但是当我尝试将指令附加到页面时遇到问题。

这是我在链接函数中的代码：

但是，当我将其中一个附加到文档时，我收到以下错误：

wmd-input当HTML 中不存在时，往往会出现此错误。但是，我将它与$compile函数一起添加，它在页面加载时有效，但在附加时无效。我在这里做错了什么？

I have a properly working pagedown editor in a rails 4 application, but I believe I'm missing something simple to render the pagedown data at a later point in my application.

Here's the gem (and initialization) I'm using: https://github.com/hughevans/pagedown-bootstrap-rails

Any ideas on how to render that data with the already-used gems?

EDIT: I think the root of my problem is it's not storing the data as the HTML version, so it doesn't render it when I display the data again. It's missing the converter step when the form gets saved, but I don't see any specific instruction on how to do that, so I assumed it was default part of these gems.

EDIT2: I've since taken the approach to convert the Markdown on each page load, with the following code:

Unfortunately, it doesn't use all the Pagedown Markdown, but it's at least handling new lines properly:

Any ideas?

Thanks!

在此处和 Google 上进行了搜索，但找不到其他有此问题的人。

下面的屏幕截图显示了我遇到的问题。右边第四个图标不见了，也不能点击。我相信缺少的图标是“标题”图标。

问题截图

我没有修改 pagedown bootstrap 中的任何文件。

所有其他图标都可以正常工作，这让我认为这不是缺少 .css 文件或其他东西的问题，也许自更新以来其中一个图标的名称发生了变化？

如果您需要更多信息，请发表评论，我不确定其他信息是否合适。

更多信息

我已经意识到问题的一部分，我没有使用 LESS（它从 .png 创建图标）

这就解释了为什么图标没有显示。

奇怪的是，所有其他图标都显示出来了，我相信它们来自字体真棒图标集。

我通过以下方式在pagedown编辑器中将markdown转换为html：

这运作良好。问题是，猜测的值$q_detail是This is not **working** well。当我打开view page source页面时，它显示类似

我猜这对 SEO 不友好。

我怎样才能让它在标签之外显示$q_detail类似的东西，使它对 SEO 更友好？This is not <b>working</b> well<script>

我使用 pagedown 作为文本编辑器，但我不希望用户能够在他们的内容中嵌入图像（链接可以）。

如何防止图像显示？最好我根本不希望 pagedown 为图像生成 html。