Ghost/ghost/admin/lib/koenig-editor/addon/templates/components/koenig-link-input.hbs

<input
    placeholder="Enter url"
    value={{href}}
    class="miw-100 pa2 pr6 mih-100 ba br3 shadow-2 f8 lh-heading tracked-2 outline-0 b--blue"
    autofocus="true"
    oninput={{action (mut href) value="target.value"}}
    onkeydown={{action "inputKeydown"}}
/>

{{#if href}}
    <button class="kg-input-bar-close" type="button" {{action "clear"}}>
        {{svg-jar "close" class="ih2 stroke-midlightgrey-l2"}}
    </button>
{{/if}}
Koenig - Link creation/editing via formatting toolbar refs https://github.com/TryGhost/Ghost/issues/9505 - wire up the link button in the toolbar to set a `linkRange` property on `{{koenig-editor}}` - add `{{koenig-link-input}}` that is shown when `{{koenig-editor}}` has a `linkRange` set - <kbd>Escape</kbd> will cancel the link input - clicking outside the input will cancel the link input - previously selected text will be re-selected on cancel - if an existing link was selected (or partially selected) then pre-fill the link input with the `href` - `X` is shown when there's a href value and clicking will clear the input - <kbd>Enter</kbd> with a href value will remove all links from text that is touched by the selection and create a new link across only the selected text - <kbd>Enter</kbd> with no href value will remove all links touched by the selection - fixed toolbar tick positioning that was 8px off after change to Spirit classes 2018-04-06 19:49:16 +03:00			`<input`
			`placeholder="Enter url"`
			`value={{href}}`
Koenig - Improve styles (#1008) refs https://github.com/TryGhost/Ghost/issues/9505 - Tweaking UI of link input - Tweaking toolbar menu - Tweaking image toolbar style - Applying image width styles - Tweaking list typography - Fixing empty post placeholder 2018-04-24 12:15:54 +03:00			`class="miw-100 pa2 pr6 mih-100 ba br3 shadow-2 f8 lh-heading tracked-2 outline-0 b--blue"`
Koenig - Link creation/editing via formatting toolbar refs https://github.com/TryGhost/Ghost/issues/9505 - wire up the link button in the toolbar to set a `linkRange` property on `{{koenig-editor}}` - add `{{koenig-link-input}}` that is shown when `{{koenig-editor}}` has a `linkRange` set - <kbd>Escape</kbd> will cancel the link input - clicking outside the input will cancel the link input - previously selected text will be re-selected on cancel - if an existing link was selected (or partially selected) then pre-fill the link input with the `href` - `X` is shown when there's a href value and clicking will clear the input - <kbd>Enter</kbd> with a href value will remove all links from text that is touched by the selection and create a new link across only the selected text - <kbd>Enter</kbd> with no href value will remove all links touched by the selection - fixed toolbar tick positioning that was 8px off after change to Spirit classes 2018-04-06 19:49:16 +03:00			`autofocus="true"`
			`oninput={{action (mut href) value="target.value"}}`
			`onkeydown={{action "inputKeydown"}}`
			`/>`

			`{{#if href}}`
			`<button class="kg-input-bar-close" type="button" {{action "clear"}}>`
Koenig - Improve styles (#1008) refs https://github.com/TryGhost/Ghost/issues/9505 - Tweaking UI of link input - Tweaking toolbar menu - Tweaking image toolbar style - Applying image width styles - Tweaking list typography - Fixing empty post placeholder 2018-04-24 12:15:54 +03:00			`{{svg-jar "close" class="ih2 stroke-midlightgrey-l2"}}`
Koenig - Link creation/editing via formatting toolbar refs https://github.com/TryGhost/Ghost/issues/9505 - wire up the link button in the toolbar to set a `linkRange` property on `{{koenig-editor}}` - add `{{koenig-link-input}}` that is shown when `{{koenig-editor}}` has a `linkRange` set - <kbd>Escape</kbd> will cancel the link input - clicking outside the input will cancel the link input - previously selected text will be re-selected on cancel - if an existing link was selected (or partially selected) then pre-fill the link input with the `href` - `X` is shown when there's a href value and clicking will clear the input - <kbd>Enter</kbd> with a href value will remove all links from text that is touched by the selection and create a new link across only the selected text - <kbd>Enter</kbd> with no href value will remove all links touched by the selection - fixed toolbar tick positioning that was 8px off after change to Spirit classes 2018-04-06 19:49:16 +03:00			`</button>`
			`{{/if}}`