mirror of
https://github.com/ianstormtaylor/slate.git
synced 2025-02-24 17:23:07 +01:00
89adf63e1f
* Allow the dev server to work for non localhost host * Refactored set-selection-from-dom into utils as prep for Android support * Show debug onInput at start if triggered * Added and refactored to use set-text-from-dom-node with improved set selection after input * Remove unnecessary console.log in set-text-from-dom-node * Fixes to pass linter * Adds basic composition to Android API27 including fixing one bug where compositionStart does not fire * Fix some of the enter handling in API 27 and 28 * Add fixes for API 25 * Add debug for slate:update instead of separate render and updateSelection * Add API 26 fix for ignoring all but Enter in onKeyDown * Fix enter on Android 26 and 27 * Revert onSelect bug. Editor API 26 and 27 stable-ish * Fix enter at beginning and end of word in API 26 and 27 * Fix enter handling at end of line API 26 and 27 * Fix reversion of enter bug when not at end of line * Rename enter to linefeed which is more accurate * Fix backspace on Android 27 and 28 * Fix enter at end of line then backspace then enter bug in API 26 and 27 * Refactor to simplify reading code * Refactor to use executor and fix the suggestion problem * Fix multi point edit in API 27/28 * Update Android documentation on enter handling * Fix enter in API 26/27 and document 4 different enter cases * Refactor partial into SlateSnapshot * Complete SlateSnapshot refactor * Remove unnecessary plugin comments * Add smoke tests * Rename smoke tests to composition in exmaples * Fix API28 split join and insertion * Fix space then backspace in middle of word bug in API 28 * Add text for middle word space and backspace bug * Add note that the space backspace bug does not exist on API 27 * Fix 'It me. No.' bug in API 26/27 * Fix comments * Update comments to fit Slate style guide * Move a debug statement * Fix zero-width selection placement bug. * Fix 'it is' then enter in middle of 'it' bug * Partial fix of enter, backspace, enter in word * Add and fix comments. Fix selection in zero-width for API26-27 * Fix linting * Fix documentation * Remove snapback from packages * Remove snapback from yarn.lock * Rename SlateSnapshot to DomSnapshot * Remove guard on DomSnapshot apply method * Remove debug plugin from plugins/dom * Remove unnecessary comment in content.js componentDidUpdate * Remove closest and add function into dom-snapshot directly * Remove unused DebugPlugin * Move Android detection related code into slate-dev-environment * Capitalize to Number in JSDoc * Add API version and Input Events Level 2 for Android * Add input events level 2 for android without matching api version * Fix line failures
Examples
This directory contains a set of examples that give you an idea for how you might use Slate to implement your own editor. Take a look around!
- Plain text — showing the most basic case: a glorified
<textarea>. - Rich text — showing the features you'd expect from a basic editor.
- Forced Layout - showing how to use schema rules to enforce document structure
- Auto-markdown — showing how to add key handlers for Markdown-like shortcuts.
- Links — showing how wrap text in inline nodes with associated data.
- Images — showing how to use void (text-less) nodes to add images.
- Hovering menu — showing how a contextual hovering menu can be implemented.
- Tables — showing how to nest blocks to render more advanced components.
- Paste HTML — showing how to use an HTML serializer to handle pasted HTML.
- Code Highlighting — showing how to use decorations to dynamically mark text.
- ...and more!
If you have an idea for an example that shows a common use case, pull request it!
Running the Examples
To get the examples running on your machine, you need to have the Slate repository cloned to your computer. After that, you need to cd into the directory where you cloned it, and install the dependencies with yarn and build the monorepo:
yarn install
yarn build
Then start the watcher and examples server:
yarn start
Now you can open up http://localhost:8080 in your browser and you'll see the examples site. Any changes you make to the source code will be immediately reflected when you refresh the page. You can open the examples URL quickly with:
yarn open