我正在尝试更新<img>
标记的src属性,以便用户可以将图像插入我们资产管理器的代码中。
考虑这个HTML:
<div>
<img src="some_image_already_defined.jpg" alt="Some Image" />
</div>
因此,如果用户将光标放在img标签内的任何位置,我将用选择的新图像替换“some_image_already_defined.jpg”。
代码的简化版本是smt。那样:
var image_path = 'some_new_image.jpg';
$('#insert-image').click(function() {
var cur = codeMirrorHtml.getCursor();
var token = codeMirrorHtml.getTokenAt(cur);
var inner = CodeMirror.innerMode(codeMirrorHtml.getMode(), token.state);
if (inner.state.tagName == 'img') {
var srcPosition = findTheSrcAttributePosition(); // How do I do this?
codeMirrorHtml.setSelection(srcPosition.anchor, srcPosition.head);
codeMirrorHtml.replaceSelection('src="' + image_path + '"');
}
});
所以我想以某种方式遍历令牌,但我找不到办法去做。