TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-03 03:55:26 +03:00
Code Issues Projects Releases Wiki Activity
2fd9b79102
Ghost/ghost/admin/app/templates/components/gh-koenig-editor.hbs

29 lines
1.0 KiB
Handlebars
Raw Normal View History

Koenig - Fixed jump-to-top bug when focusing editor refs https://github.com/TryGhost/Ghost/issues/9311 - the editor was being focused and the cursor placed properly but the act of focusing also reset the scroll position - pulled the `.gh-koenig-editor` class into the component rather than leaving it in the template so that the component has access to `this.element` - ensure the `.gh-koenig-editor` container is scrolled all the way to the bottom after focusing the editor
2018-01-31 00:09:46 +03:00
{{!-- full height content pane --}}
Koenig - Replace custom CSS classes with Spirit no issue - Koenig container styles for Spirit - Applying Spirit styles to card menu - Applying Spirit styles to generic cards - Replacing icon styles with Spirit - Fix slash menu selected state - Cleanup of unused files + fix empty HTML
2018-05-01 15:47:13 +03:00
<div class="gh-koenig-editor-pane flex flex-column mih-100" onclick={{action "focusEditor"}}>
Remove ember-one-way-controls (#959) closes https://github.com/TryGhost/Ghost/issues/9386 - remove usage of `{{one-way-checkbox}}` in favour of direct HTML+handlebars - add `{{gh-text-input}}` that inherits from Ember's built-in `TextInput` component along with our custom `TextInput` mixin - swap all uses of `{{gh-input}}` for `{{gh-text-input}} - remove `{{gh-input}}` component - update `{{gh-textarea}}` to inherit from Ember's `TextArea` component instead of `OneWayTextarea` and update all component uses accordingly - update `{{gh-trim-focus-input}}` to inherit from `{{gh-text-input}}` and update all component uses accordingly - standardize on using the `focus-out` action naming rather than `focusOut` for all text inputs, this is because the text input components (especially `{{gh-trim-focus-input}}`) have their own `focusOut` handler which gets overridden if consumers supply their own `focusOut` attr - drop `ember-one-way-controls` package - add `ember-one-way-select` package
2018-02-28 14:44:03 +03:00
{{gh-textarea
Koenig - Fixed jump-to-top bug when focusing editor refs https://github.com/TryGhost/Ghost/issues/9311 - the editor was being focused and the cursor placed properly but the act of focusing also reset the scroll position - pulled the `.gh-koenig-editor` class into the component rather than leaving it in the template so that the component has access to `this.element` - ensure the `.gh-koenig-editor` container is scrolled all the way to the bottom after focusing the editor
2018-01-31 00:09:46 +03:00
class="gh-editor-title"
placeholder=titlePlaceholder
tabindex="1"
autoExpand=".gh-koenig-editor"
Remove ember-one-way-controls (#959) closes https://github.com/TryGhost/Ghost/issues/9386 - remove usage of `{{one-way-checkbox}}` in favour of direct HTML+handlebars - add `{{gh-text-input}}` that inherits from Ember's built-in `TextInput` component along with our custom `TextInput` mixin - swap all uses of `{{gh-input}}` for `{{gh-text-input}} - remove `{{gh-input}}` component - update `{{gh-textarea}}` to inherit from Ember's `TextArea` component instead of `OneWayTextarea` and update all component uses accordingly - update `{{gh-trim-focus-input}}` to inherit from `{{gh-text-input}}` and update all component uses accordingly - standardize on using the `focus-out` action naming rather than `focusOut` for all text inputs, this is because the text input components (especially `{{gh-trim-focus-input}}`) have their own `focusOut` handler which gets overridden if consumers supply their own `focusOut` attr - drop `ember-one-way-controls` package - add `ember-one-way-select` package
2018-02-28 14:44:03 +03:00
value=(readonly title)
input=(action "onTitleChange" value="target.value")
focus-out=(action "onTitleFocusOut")
Koenig - Fixed jump-to-top bug when focusing editor refs https://github.com/TryGhost/Ghost/issues/9311 - the editor was being focused and the cursor placed properly but the act of focusing also reset the scroll position - pulled the `.gh-koenig-editor` class into the component rather than leaving it in the template so that the component has access to `this.element` - ensure the `.gh-koenig-editor` container is scrolled all the way to the bottom after focusing the editor
2018-01-31 00:09:46 +03:00
keyDown=(action "onTitleKeydown")
didCreateTextarea=(action "onTitleCreated")
}}
Koenig reboot - rich text (#952) refs https://github.com/TryGhost/Ghost/issues/9311 Koenig is being fully rebooted, first port of call is to focus on getting the rich-text only aspect of mobiledoc-kit working with our popup toolbar. - renames old koenig implementation (used for reference, will eventually be deleted) - new `{{koenig-editor}}` mobiledoc-kit component implementation based on ember-mobiledoc-editor - markdown text expansions - new `{{gh-koenig-edtor}}` that wraps our title+editor and handles keyboard navigation between the two - clicks below content will focus the editor - new `{{koenig-toolbar}}` component for the popup formatting toolbar with improved behaviour and simplified code
2018-01-30 13:01:07 +03:00
Koenig - Fixed jump-to-top bug when focusing editor refs https://github.com/TryGhost/Ghost/issues/9311 - the editor was being focused and the cursor placed properly but the act of focusing also reset the scroll position - pulled the `.gh-koenig-editor` class into the component rather than leaving it in the template so that the component has access to `this.element` - ensure the `.gh-koenig-editor` container is scrolled all the way to the bottom after focusing the editor
2018-01-31 00:09:46 +03:00
{{koenig-editor
mobiledoc=body
placeholder=bodyPlaceholder
autofocus=bodyAutofocus
spellcheck=true
onChange=(action "onBodyChange")
didCreateEditor=(action "onEditorCreated")
Koenig - Card selection and deletion refs https://github.com/TryGhost/Ghost/issues/9311 - cursor based card selection - handling of delete/backspace when cards are involved - add `cursorDidExitAtTop` closure action to `{{koenig-editor}}` to consolidate editor cursor behaviour in the editor - added extra behaviour for LEFT in editor and RIGHT in title to switch focus between title and editor - fixed incorrect icon in the slash menu
2018-02-04 22:35:44 +03:00
cursorDidExitAtTop=(action "focusTitle")
✨ Koenig - Drag & drop image card creation + upload refs https://github.com/TryGhost/Ghost/issues/9623 - add `dropTargetSelector` property so that `{{koenig-editor}}` can attach drag/drop events to a larger area - add drag/drop event handlers to `{{koenig-editor}}` - ignore drops that occur on cards in edit mode (cards should handle drop events themselves if required) - extract image files from the drop event and use them to create image cards - extract image card creation from image files into a helper function
2018-05-30 19:14:39 +03:00
headerOffset=headerOffset
dropTargetSelector=".gh-koenig-editor-pane"
✨ Koenig - Keep cursor on screen when typing or moving via keyboard (#1012) refs https://github.com/TryGhost/Ghost/issues/9505 - when cursor changes through the normal `cursorDidChange` or through certain programmatic changes we trigger a check to see if the cursor is out of the viewport and scroll it into view if necessary - disable our scroll-into-view routine if the mouse button or shift key is down so that we don't interfere with default browser behaviour which works well in that situation - for scroll-into-view at the bottom there are two slightly different methods - if the cursor is near the bottom of the document we scroll so that the bottom padding of the editor is visible - if the cursor is mid-document then we scroll just enough to bring the cursor into the viewport
2018-05-24 15:30:50 +03:00
scrollContainerSelector=scrollContainerSelector
scrollOffsetTopSelector=scrollOffsetTopSelector
scrollOffsetBottomSelector=scrollOffsetBottomSelector
Koenig - Fixed jump-to-top bug when focusing editor refs https://github.com/TryGhost/Ghost/issues/9311 - the editor was being focused and the cursor placed properly but the act of focusing also reset the scroll position - pulled the `.gh-koenig-editor` class into the component rather than leaving it in the template so that the component has access to `this.element` - ensure the `.gh-koenig-editor` container is scrolled all the way to the bottom after focusing the editor
2018-01-31 00:09:46 +03:00
}}
✨ Koenig - Drag & drop image card creation + upload refs https://github.com/TryGhost/Ghost/issues/9623 - add `dropTargetSelector` property so that `{{koenig-editor}}` can attach drag/drop events to a larger area - add drag/drop event handlers to `{{koenig-editor}}` - ignore drops that occur on cards in edit mode (cards should handle drop events themselves if required) - extract image files from the drop event and use them to create image cards - extract image card creation from image files into a helper function
2018-05-30 19:14:39 +03:00
</div>
Reference in New Issue Copy Permalink