Markdown 实时预览怎么实现双向同步?

永莲🍀 阅读 16

我用 contenteditable 做了个 Markdown 编辑器,左边写源码右边实时预览,但改预览区内容没法同步回源码区,这咋整?

试过监听 input 事件,但预览区是渲染后的 HTML,转回 Markdown 会丢格式。比如我加粗文字 **hello** 渲染成 <strong>hello</strong>,再转回去就变不回来了。

有没有靠谱的库或者思路能保持两边同步?现在用的是 marked.js 渲染:

const markdown = document.getElementById('markdown');
const preview = document.getElementById('preview');

markdown.addEventListener('input', () => {
  preview.innerHTML = marked.parse(markdown.value);
});
我来解答 赞 0 收藏
二维码
手机扫码查看
暂无解答

暂无解答