我目前正在评估 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>');
});
最佳答案
我明白了。如果我们在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();
});
关于javascript - 从 jQuery .val() 添加文本时如何更新 MarkdownDeep 的实时预览?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22201696/