Markdown 实时预览怎么实现双向同步?
我用 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);
});
暂无解答