deblan-mirror/editor.js
deblan-mirror/editor.js
1
0
Fork 0
mirror of https://github.com/codex-team/editor.js synced 2024-06-26 09:20:07 +02:00
Code Issues Projects Releases Wiki Activity

switches block P , QUOTE, HEADER (#59)

Browse source 
* switches block P , QUOTE, HEADER

* node cloning
This commit is contained in:
Peter Savchenko 2016-06-29 21:45:20 +03:00 committed by GitHub
parent b93942a820
commit 3a96e94d5b
1 changed files with 46 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

68
codex-editor.js
View file

@ -516,7 +516,11 @@ cEditor.callback = {
cEditor.content.workingNodeChanged(); cEditor.content.workingNodeChanged();
if ( cEditor.toolbar.opened && event.target == cEditor.content.currentNode) { var isEnterPressedOnToolbar = cEditor.toolbar.opened &&
cEditor.toolbar.current &&
event.target == cEditor.content.currentNode;
if ( isEnterPressedOnToolbar ) {
event.preventDefault(); event.preventDefault();
cEditor.toolbar.toolClicked(event); cEditor.toolbar.toolClicked(event);
@ -601,7 +605,7 @@ cEditor.callback = {
break; break;
case cEditor.core.keys.ENTER: case cEditor.core.keys.ENTER:
cEditor.callback.enterPressed(block); cEditor.callback.enterPressedOnBlock(block, event);
break; break;
case cEditor.core.keys.BACKSPACE: case cEditor.core.keys.BACKSPACE:
@ -733,7 +737,7 @@ cEditor.callback = {
}, },
enterPressed: function (block) { enterPressedOnBlock: function (block, event) {
var selection = window.getSelection(), var selection = window.getSelection(),
currentNode = selection.anchorNode, currentNode = selection.anchorNode,
@ -748,7 +752,7 @@ cEditor.callback = {
&& parentOfFocusedNode.childNodes.length == cEditor.caret.focusedNodeIndex + 1) { && parentOfFocusedNode.childNodes.length == cEditor.caret.focusedNodeIndex + 1) {
/** Prevent <div></div> creation */ /** Prevent <div></div> creation */
// event.preventDefault(); event.preventDefault();
/** Create new Block and append it after current */ /** Create new Block and append it after current */
var newBlock = cEditor.draw.block('p'); var newBlock = cEditor.draw.block('p');
@ -941,7 +945,7 @@ cEditor.content = {
/** /**
* @deprecated with replaceBlock() * @deprecated with replaceBlock()
*/ */
switchBlock : function (targetBlock, newBlockTagname) { _switchBlock : function (targetBlock, newBlockTagname) {
if (!targetBlock || !newBlockTagname) return; if (!targetBlock || !newBlockTagname) return;
@ -1017,6 +1021,25 @@ cEditor.content = {
cEditor.caret.set(nodeCreated); cEditor.caret.set(nodeCreated);
}, },
/**
* Replaces blocks with saving content
* @param {Element} noteToReplace
* @param {Element} newNode
* @param {Element} blockType
*/
switchBlock : function(nodeToReplace, newNode, blockType){
/** Saving content */
newNode.innerHTML = nodeToReplace.innerHTML;
/** Replacing */
cEditor.content.replaceBlock(nodeToReplace, newNode, blockType);
/** Add event listeners */
cEditor.ui.addBlockHandlers(newNode);
},
/** /**
* Iterates between child noted and looking for #text node on deepest level * Iterates between child noted and looking for #text node on deepest level
@ -1329,28 +1352,29 @@ cEditor.toolbar = {
*/ */
toolClicked : function() { toolClicked : function() {
var workingNode = cEditor.content.currentNode, var REPLACEBLE_TOOLS = ['paragraph', 'header', 'code'],
newTag, tool = cEditor.tools[cEditor.toolbar.current],
appendCallback; workingNode = cEditor.content.currentNode,
appendCallback,
switch (cEditor.toolbar.current) { newBlock;
case 'paragraph' : newTag = 'P'; break;
case 'header' : newTag = 'H1'; break;
case 'quote' : newTag = 'BLOCKQUOTE'; break;
case 'code' : newTag = 'CODE'; break;
case 'list' : newTag = 'LI'; break;
}
/** /**
* @todo * Copy plugin 'append' Element
* use insertBlock or replaceBlock instead of switchBlock
*/ */
// cEditor.content.switchBlock(workingNode, newTag); newBlock = tool.append.cloneNode(true);
var tools = cEditor.tools[cEditor.toolbar.current]; /** Can replace? */
if (REPLACEBLE_TOOLS.indexOf(tool.type) != -1 && workingNode) {
/** Insert new Block from plugin */ /** Replace current block */
cEditor.content.insertBlock(tools.append, tools.type); cEditor.content.switchBlock(workingNode, newBlock, tool.type);
} else {
/** Insert new Block from plugin */
cEditor.content.insertBlock(newBlock, tool.type);
}
/** Fire tool append callback */ /** Fire tool append callback */
appendCallback = cEditor.tools[cEditor.toolbar.current].appendCallback; appendCallback = cEditor.tools[cEditor.toolbar.current].appendCallback;