javascript - 从 jQuery .val() 添加文本时，如何更新 MarkdownDeep 的实时预览？

Question

我目前正在评估 MarkdownDeep 是否可以在我的网站上使用。在编辑器上方，我显示了用户之前上传的图像列表。要将图像（包含在更大版本的链接中）插入到 中<textarea>，用户单击图像。但是，直到用户在<textarea>. 是否可以通过 jQuery 更新实时预览？

这是我用来插入图像的代码：

$("img").click(function () {
    var imgsrc = $(this).attr('src');
    var content = $('textarea').val();
    $('textarea').val(content + '<a href="' + imgsrc + '"><img src="' + imgsrc + '" width="50" height="50" /></a>');
});

Answer 1

我想到了。如果我们focus在 MarkdownDeepEditor.js 文件中绑定事件，然后将焦点设置为textarea，预览将会更新。

在MarkdownDeepEditor.js中的第 539 行之后添加以下内容：（您应该会看到其他 BindEvents。）

BindEvent(textarea, "focus", function(){ed.onMarkdownChanged();});

在我的 html 中，我将添加以下代码：

$("img").click(function () {
    var imgsrc = $(this).attr('src');
    var content = $('textarea').val();
    $('textarea').val(content + '<a href="' + imgsrc + '"><img src="' + imgsrc + '" width="50" height="50" /></a>');
    $('textarea.mdd_editor').focus();
});