mirror of
https://github.com/sparksuite/simplemde-markdown-editor.git
synced 2024-06-20 06:35:09 +02:00
Add new icon option: Strikethrough
This commit is contained in:
parent
db6d381d1c
commit
41c551c115
|
@ -103,6 +103,7 @@ Name | Action | Class | Tooltip
|
|||
:--- | :----- | :---- | :------
|
||||
bold | toggleBold | fa fa-bold | Bold (Ctrl+B)
|
||||
italic | toggleItalic | fa fa-italic | Italic (Ctrl+I)
|
||||
strikethrough | toggleStrikethrough | fa fa-strikethrough | Strikethrough
|
||||
heading | toggleHeadingSmaller | fa fa-header | Heading (Ctrl+H)
|
||||
heading-smaller | toggleHeadingSmaller | fa fa-header | Smaller Heading (Ctrl+H)
|
||||
heading-bigger | toggleHeadingBigger | fa fa-lg fa-header | Bigger Heading (Shift+Ctrl+H)
|
||||
|
|
|
@ -86,6 +86,8 @@ function getState(cm, pos) {
|
|||
ret.italic = true;
|
||||
} else if(data === 'quote') {
|
||||
ret.quote = true;
|
||||
} else if(data === 'strikethrough') {
|
||||
ret.strikethrough = true;
|
||||
}
|
||||
}
|
||||
return ret;
|
||||
|
@ -137,6 +139,14 @@ function toggleItalic(editor) {
|
|||
_toggleBlock(editor, 'italic', '*');
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Action for toggling strikethrough.
|
||||
*/
|
||||
function toggleStrikethrough(editor) {
|
||||
_toggleBlock(editor, 'strikethrough', '~~');
|
||||
}
|
||||
|
||||
/**
|
||||
* Action for toggling code block.
|
||||
*/
|
||||
|
@ -464,6 +474,9 @@ function _toggleBlock(editor, type, start_chars, end_chars) {
|
|||
} else if(type == "italic") {
|
||||
start = start.replace(/(\*|_)(?![\s\S]*(\*|_))/, "");
|
||||
end = end.replace(/(\*|_)/, "");
|
||||
} else if(type == "strikethrough") {
|
||||
start = start.replace(/(\*\*|~~)(?![\s\S]*(\*\*|~~))/, "");
|
||||
end = end.replace(/(\*\*|~~)/, "");
|
||||
}
|
||||
cm.replaceRange(start + end, {
|
||||
line: startPoint.line,
|
||||
|
@ -473,7 +486,7 @@ function _toggleBlock(editor, type, start_chars, end_chars) {
|
|||
ch: 99999999999999
|
||||
});
|
||||
|
||||
if(type == "bold") {
|
||||
if(type == "bold" || type == "strikethrough") {
|
||||
startPoint.ch -= 2;
|
||||
endPoint.ch -= 2;
|
||||
} else if(type == "italic") {
|
||||
|
@ -488,6 +501,8 @@ function _toggleBlock(editor, type, start_chars, end_chars) {
|
|||
} else if(type == "italic") {
|
||||
text = text.split("*").join("");
|
||||
text = text.split("_").join("");
|
||||
} else if(type == "strikethrough") {
|
||||
text = text.split("~~").join("");
|
||||
}
|
||||
cm.replaceSelection(start + text + end);
|
||||
|
||||
|
@ -530,10 +545,16 @@ var toolbarBuiltInButtons = {
|
|||
className: "fa fa-italic",
|
||||
title: "Italic (Ctrl+I)",
|
||||
},
|
||||
"strikethrough": {
|
||||
name: "strikethrough",
|
||||
action: toggleStrikethrough,
|
||||
className: "fa fa-strikethrough",
|
||||
title: "Strikethrough",
|
||||
},
|
||||
"heading": {
|
||||
name: "heading",
|
||||
action: toggleHeadingSmaller,
|
||||
className: "fa fa-header",
|
||||
className: "fa fa-heade`r",
|
||||
title: "Heading (Ctrl+H)",
|
||||
},
|
||||
"heading-smaller": {
|
||||
|
@ -937,6 +958,7 @@ SimpleMDE.prototype.value = function(val) {
|
|||
*/
|
||||
SimpleMDE.toggleBold = toggleBold;
|
||||
SimpleMDE.toggleItalic = toggleItalic;
|
||||
SimpleMDE.toggleStrikethrough = toggleStrikethrough;
|
||||
SimpleMDE.toggleBlockquote = toggleBlockquote;
|
||||
SimpleMDE.toggleHeadingSmaller = toggleHeadingSmaller;
|
||||
SimpleMDE.toggleHeadingBigger = toggleHeadingBigger;
|
||||
|
@ -963,6 +985,9 @@ SimpleMDE.prototype.toggleBold = function() {
|
|||
SimpleMDE.prototype.toggleItalic = function() {
|
||||
toggleItalic(this);
|
||||
};
|
||||
SimpleMDE.prototype.toggleStrikethrough = function() {
|
||||
toggleStrikethrough(this);
|
||||
};
|
||||
SimpleMDE.prototype.toggleBlockquote = function() {
|
||||
toggleBlockquote(this);
|
||||
};
|
||||
|
|
Loading…
Reference in a new issue