4

是否有任何 Javascript Markdown 编辑工具栏或库可以在 textarea 中显示实时预览并隐藏格式标记（**、___ 等），类似于TinyMCE 的实现？

如果没有，我将如何在 jQuery 中实现它？

我目前正在使用MarkItUp ，它仅在文本区域之后或在弹出窗口中显示预览。

这篇提到“BlueCloth”的帖子听起来很接近，但尽管我对一般实现感兴趣，但 RoR 版本在这个阶段并不是很有用（我正在使用 Python/Zope）。

我知道 Markdown 的大部分优点在于它是简单的文本格式字符，但有问题的网站是相当非技术性的，我主要使用 Markdown Python 库来实现它的“邪恶”html stipping 能力。

更新：作为对评论的回应，我想我会很高兴在typed时显示格式标记，但如果使用工具栏则不会（即我假设 GUI 用户不是技术用户）。

或者，其他工具栏有一个“源”视图，这可能是一个选项。

4

4 回答 4

1

如果您需要 textarea 中的降价支持而无需额外的 GUI，那么textarea-markdown可能会有所帮助

于 2020-04-10T09:01:03.707 回答
0

CKEditor可能太重了，但很好。

于 2009-12-08T15:29:42.817 回答
0

我找到了这个库，这里是js 文件。
非常容易使用，你只需在script标签中添加库，并使用marked.parse()函数

  <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
  <script>
        target.innerHTML = marked.parse("#Example");
  </script>

例子

运行代码段并在其中写入一些内容textarea

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>  
</head>

<body>
  <textarea id="textareaID">
# Example Title
## list
1. one
1. tow
1. three

  </textarea>
  <div id="content"></div>
  
  <script>
    $("#textareaID").on('input', function (e) {
        document.getElementById('content').innerHTML =
          marked.parse(e.target.value);
    });

  </script>
</body>

</html>

于 2021-11-27T13:42:32.627 回答
-3

实现它的唯一方法是使用iframe.

于 2009-12-08T15:29:47.900 回答