mirror of
https://github.com/wassname/talk.git
synced 2026-07-07 14:41:33 +08:00
Chi Vinh Le
47 lines
1.1 KiB
JavaScript
47 lines
1.1 KiB
JavaScript
import { isSelectionInside, selectEndOfNode } from '../lib/dom';
|
|
|
|
/**
|
|
* An instance of API is passed to all the buttons to
|
|
* interact with RTE, which servers as a clean abstraction.
|
|
*/
|
|
function createAPI(
|
|
getContainer,
|
|
broadcastChange,
|
|
canUndo,
|
|
canRedo,
|
|
undo,
|
|
redo,
|
|
getFocused
|
|
) {
|
|
return {
|
|
broadcastChange,
|
|
canUndo,
|
|
canRedo,
|
|
undo,
|
|
redo,
|
|
get focused() {
|
|
return getFocused();
|
|
},
|
|
get container() {
|
|
return getContainer();
|
|
},
|
|
focus() {
|
|
// IOS workaround inspired by https://github.com/facebook/draft-js/issues/1075#issuecomment-369700275.
|
|
// Putting the selection inside the contentEditable before calling `focus`
|
|
// prevents an undesired scroll jump.
|
|
if (!isSelectionInside(this.container)) {
|
|
if (this.container.childNodes.length === 0) {
|
|
this.container.appendChild(document.createTextNode(''));
|
|
}
|
|
selectEndOfNode(this.container);
|
|
}
|
|
this.container.focus();
|
|
},
|
|
isSelectionInside() {
|
|
return isSelectionInside(getContainer());
|
|
},
|
|
};
|
|
}
|
|
|
|
export default createAPI;
|