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

我明白了。如果我们在MarkdownDeepEditor.js文件中绑定(bind)focus事件，然后将焦点设置到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();
});