github/marktext
5
0
Fork 0
mirror of https://github.com/marktext/marktext.git synced 2025-05-03 05:21:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

operation of classList

Browse Source
This commit is contained in:
Jocs 2017-11-16 12:01:54 +08:00
parent 6d790ce42c
commit 010ee4d8df
2 changed files with 12 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/editor/index.js
View File

@ -9,6 +9,7 @@ import {
isAganippeEditorElement,
findNearestParagraph,
markedText2Html,
operateClassName,
insertAfter // eslint-disable-line no-unused-vars
} from './utils.js'
@ -192,12 +193,8 @@ class Aganippe {
subscribeParagraphChange (newParagraph, oldParagraph) {
console.log(newParagraph.id, oldParagraph.id)
if (oldParagraph.classList.contains(activeClassName)) {
oldParagraph.classList.remove(activeClassName)
}
if (!newParagraph.classList.contains(activeClassName)) {
newParagraph.classList.add(activeClassName)
}
operateClassName(oldParagraph, 'remove', activeClassName)
operateClassName(newParagraph, 'add', activeClassName)
}
// TODO: refactor
handleKeyDown () {

17
src/editor/utils.js
View File

@ -211,14 +211,6 @@ export const updateBlock = (origin, tagName) => {
replaceElement(origin, html2element(html))
}
/**
* translate paragraph to ohter block
*/
/**
* viewModel2Html
*/
export const createEmptyElement = (ids, tagName, attrs) => {
const id = getUniqueId(ids)
const element = document.createElement(tagName)
@ -233,6 +225,15 @@ export const createEmptyElement = (ids, tagName, attrs) => {
return element
}
/**
* [description `add` or `remove` className of element
*/
export const operateClassName = (element, ctrl, className) => {
const containClassName = element.classList.contains(className)
const needOperation = ctrl === 'add' ? !containClassName : containClassName
return needOperation && element.classList[ctrl](className)
}
export const findNearestParagraph = node => {
do {
if (isAganippeParagraph(node)) return node