Ghost/ghost/admin/lib/koenig-editor/addon/templates/components/koenig-link-input.hbs
Kevin Ansfield 4be392ef16 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 17:49:16 +01:00

15 lines
408 B
Handlebars

<input
placeholder="Enter url"
value={{href}}
class="miw-100 pa2 pr6 mih-100 ba br3 shadow-2 f8 lh-heading tracked-2 outline-0"
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"}}
</button>
{{/if}}