srcset

Shared by bseymour

Highlight image base name, and expand into HTML img with srcset references included

Script

var text = "" + editor.getSelectedText()
var isEmpty = (text === '')

var caret = '{{^}}'
var template = '<img src="/images/posts/{{1}}-960.jpg" srcset="/images/posts/{{2}}-480.jpg 480w, /images/posts/{{2}}-960.jpg 960w, /images/posts/{{2}}-1200.jpg 1200w, /images/posts/{{2}}-1800.jpg 1800w"/>'   // {{^}}   denotes the cursor or text replacement position
var caretOffset = template.indexOf(caret) - template.length + caret.length

var result = template.replace('{{1}}', text)
while (result.indexOf('{{2}}') > -1)
{
	result = result.replace('{{2}}', text)
}
editor.replaceSelection(result)

if (isEmpty) {
    var range = editor.getSelectedRange()
    editor.setSelectedRange(range[0] + caretOffset)
}