Remove SimpleMDE and include EasyMDE
This commit is contained in:
parent
d1f7e32885
commit
61628ff56d
|
@ -1,4 +1,5 @@
|
||||||
.editor-toolbar { background: #f1f1f1; border-radius: 0 !important; }
|
.editor-toolbar { background: #f1f1f1; border-radius: 0 !important; font-size: 1.5em;}
|
||||||
.editor-toolbar::before { margin-bottom: 2px !important }
|
.editor-toolbar::before { margin-bottom: 2px !important }
|
||||||
.editor-toolbar::after { margin-top: 2px !important }
|
.editor-toolbar::after { margin-top: 2px !important }
|
||||||
.CodeMirror, .CodeMirror-scroll { flex:1; border-radius: 0 !important; }
|
.CodeMirror, .CodeMirror-scroll { flex:1; border-radius: 0 !important; }
|
||||||
|
.editor-toolbar .fa { color: #555;}
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"plugin-data":
|
"plugin-data":
|
||||||
{
|
{
|
||||||
"name": "SimpleMDE",
|
"name": "EasyMDE",
|
||||||
"description": "Einfacher Editor auf der Grundlage der Auszeichnungssprache Markdown."
|
"description": "Einfacher Editor auf der Grundlage der Auszeichnungssprache Markdown."
|
||||||
},
|
},
|
||||||
"toolbar": "Werkzeugleiste",
|
"toolbar": "Werkzeugleiste",
|
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"plugin-data":
|
"plugin-data":
|
||||||
{
|
{
|
||||||
"name": "SimpleMDE",
|
"name": "EasyMDE",
|
||||||
"description": "Einfacher Editor auf der Grundlage der Auszeichnungssprache Markdown."
|
"description": "Einfacher Editor auf der Grundlage der Auszeichnungssprache Markdown."
|
||||||
},
|
},
|
||||||
"toolbar": "Werkzeugleiste",
|
"toolbar": "Werkzeugleiste",
|
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"plugin-data":
|
"plugin-data":
|
||||||
{
|
{
|
||||||
"name": "SimpleMDE",
|
"name": "EasyMDE",
|
||||||
"description": "Markdown editor, cleaned interface to create markup language."
|
"description": "Markdown editor, cleaned interface to create markup language."
|
||||||
},
|
},
|
||||||
"toolbar": "Toolbar",
|
"toolbar": "Toolbar",
|
||||||
|
@ -9,4 +9,4 @@
|
||||||
"autosave": "Autosave",
|
"autosave": "Autosave",
|
||||||
"spell-checker": "Spell Checker",
|
"spell-checker": "Spell Checker",
|
||||||
"content-here-supports-markdown-and-html-code": "Content here supports Markdown and HTML code"
|
"content-here-supports-markdown-and-html-code": "Content here supports Markdown and HTML code"
|
||||||
}
|
}
|
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"plugin-data":
|
"plugin-data":
|
||||||
{
|
{
|
||||||
"name": "SimpleMDE",
|
"name": "EasyMDE",
|
||||||
"description": "Editor Markdown, interfaz limpia para crear lenguaje de marcado."
|
"description": "Editor Markdown, interfaz limpia para crear lenguaje de marcado."
|
||||||
},
|
},
|
||||||
"toolbar": "Barra de herramientas",
|
"toolbar": "Barra de herramientas",
|
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"plugin-data":
|
"plugin-data":
|
||||||
{
|
{
|
||||||
"name": "SimpleMDE",
|
"name": "EasyMDE",
|
||||||
"description": "ویرایشگر Markdown، رابط ساده برای ایجاد زبان markup."
|
"description": "ویرایشگر Markdown، رابط ساده برای ایجاد زبان markup."
|
||||||
},
|
},
|
||||||
"toolbar": "نوار ابزار",
|
"toolbar": "نوار ابزار",
|
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"plugin-data":
|
"plugin-data":
|
||||||
{
|
{
|
||||||
"name": "SimpleMDE",
|
"name": "EasyMDE",
|
||||||
"description": "Éditeur Markdown avec une interface d’écriture épurée, pour créer le langage de balisage sémantique."
|
"description": "Éditeur Markdown avec une interface d’écriture épurée, pour créer le langage de balisage sémantique."
|
||||||
},
|
},
|
||||||
"toolbar": "Barre d’outils",
|
"toolbar": "Barre d’outils",
|
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"plugin-data":
|
"plugin-data":
|
||||||
{
|
{
|
||||||
"name": "SimpleMDE",
|
"name": "EasyMDE",
|
||||||
"description": "Editor Markdown, interfaccia pulita per creare linguaggio markup."
|
"description": "Editor Markdown, interfaccia pulita per creare linguaggio markup."
|
||||||
},
|
},
|
||||||
"toolbar": "Barra degli strumenti",
|
"toolbar": "Barra degli strumenti",
|
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"plugin-data":
|
"plugin-data":
|
||||||
{
|
{
|
||||||
"name": "SimpleMDE",
|
"name": "EasyMDE",
|
||||||
"description": "Markdown-editor om inhoud te verwerken in de Markdown opmaaktaal."
|
"description": "Markdown-editor om inhoud te verwerken in de Markdown opmaaktaal."
|
||||||
},
|
},
|
||||||
"toolbar": "Werkbalk",
|
"toolbar": "Werkbalk",
|
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"plugin-data":
|
"plugin-data":
|
||||||
{
|
{
|
||||||
"name": "SimpleMDE",
|
"name": "EasyMDE",
|
||||||
"description": "Редактор с простым интерфейсом для создания markup разметки."
|
"description": "Редактор с простым интерфейсом для создания markup разметки."
|
||||||
},
|
},
|
||||||
"toolbar": "Панель инструментов",
|
"toolbar": "Панель инструментов",
|
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"plugin-data":
|
"plugin-data":
|
||||||
{
|
{
|
||||||
"name": "SimpleMDE",
|
"name": "EasyMDE",
|
||||||
"description": "Markdown editörü, işaretleme dili oluşturmak için temizlenmiş bir arayüz."
|
"description": "Markdown editörü, işaretleme dili oluşturmak için temizlenmiş bir arayüz."
|
||||||
},
|
},
|
||||||
"toolbar": "Araç çubuğu",
|
"toolbar": "Araç çubuğu",
|
|
@ -0,0 +1,10 @@
|
||||||
|
{
|
||||||
|
"author": "EasyMDE",
|
||||||
|
"email": "",
|
||||||
|
"website": "https://easymde.tk",
|
||||||
|
"version": "2.6.0",
|
||||||
|
"releaseDate": "2019-04-15",
|
||||||
|
"license": "MIT",
|
||||||
|
"compatible": "3.9.0",
|
||||||
|
"notes": ""
|
||||||
|
}
|
|
@ -0,0 +1,123 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
class plugineasyMDE extends Plugin {
|
||||||
|
|
||||||
|
// The plugin is going to be loaded in this views
|
||||||
|
private $loadOnViews = array(
|
||||||
|
'new-content',
|
||||||
|
'edit-content'
|
||||||
|
);
|
||||||
|
|
||||||
|
public function init()
|
||||||
|
{
|
||||||
|
$this->dbFields = array(
|
||||||
|
'tabSize'=>'2',
|
||||||
|
'toolbar'=>'"bold", "italic", "heading", "|", "quote", "unordered-list", "|", "link", "image", "code", "horizontal-rule", "|", "preview", "side-by-side", "fullscreen"',
|
||||||
|
'spellChecker'=>true
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
public function form()
|
||||||
|
{
|
||||||
|
global $L;
|
||||||
|
|
||||||
|
$html = '<div>';
|
||||||
|
$html .= '<label>'.$L->get('toolbar').'</label>';
|
||||||
|
$html .= '<input name="toolbar" id="jstoolbar" type="text" value="'.$this->getValue('toolbar').'">';
|
||||||
|
$html .= '</div>';
|
||||||
|
|
||||||
|
$html .= '<div>';
|
||||||
|
$html .= '<label>'.$L->get('tab-size').'</label>';
|
||||||
|
$html .= '<input name="tabSize" id="jstabSize" type="text" value="'.$this->getValue('tabSize').'">';
|
||||||
|
$html .= '</div>';
|
||||||
|
|
||||||
|
$html .= '<div>';
|
||||||
|
$html .= '<label>'.$L->get('spell-checker').'</label>';
|
||||||
|
$html .= '<select name="spellChecker">';
|
||||||
|
$html .= '<option value="true" '.($this->getValue('spellChecker')===true?'selected':'').'>'.$L->get('enabled').'</option>';
|
||||||
|
$html .= '<option value="false" '.($this->getValue('spellChecker')===false?'selected':'').'>'.$L->get('disabled').'</option>';
|
||||||
|
$html .= '</select>';
|
||||||
|
$html .= '</div>';
|
||||||
|
|
||||||
|
return $html;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function adminHead()
|
||||||
|
{
|
||||||
|
if (!in_array($GLOBALS['ADMIN_VIEW'], $this->loadOnViews)) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Include plugin's CSS files
|
||||||
|
$html = $this->includeCSS('easymde.min.css');
|
||||||
|
$html .= $this->includeCSS('bludit.css');
|
||||||
|
return $html;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function adminBodyEnd()
|
||||||
|
{
|
||||||
|
if (!in_array($GLOBALS['ADMIN_VIEW'], $this->loadOnViews)) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Language
|
||||||
|
global $L;
|
||||||
|
$langImage = $L->g('Image description');
|
||||||
|
|
||||||
|
$spellCheckerEnable = $this->getValue('spellChecker')?'true':'false';
|
||||||
|
$tabSize = $this->getValue('tabSize');
|
||||||
|
$toolbar = Sanitize::htmlDecode($this->getValue('toolbar'));
|
||||||
|
$pageBreak = PAGE_BREAK;
|
||||||
|
|
||||||
|
// Javascript path and file
|
||||||
|
$jsEasyMDE = $this->domainPath().'js/easymde.min.js?version='.BLUDIT_VERSION;
|
||||||
|
|
||||||
|
return <<<EOF
|
||||||
|
<script charset="utf-8" src="$jsEasyMDE"></script>
|
||||||
|
<script>
|
||||||
|
var easymde = null;
|
||||||
|
|
||||||
|
// Insert an image in the editor at the cursor position
|
||||||
|
// Function required for Bludit
|
||||||
|
function editorInsertMedia(filename) {
|
||||||
|
var text = easymde.value();
|
||||||
|
easymde.value(text + "![$langImage]("+filename+")" + "\\n");
|
||||||
|
easymde.codemirror.refresh();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Returns the content of the editor
|
||||||
|
// Function required for Bludit
|
||||||
|
function editorGetContent() {
|
||||||
|
return easymde.value();
|
||||||
|
}
|
||||||
|
|
||||||
|
easymde = new EasyMDE({
|
||||||
|
element: document.getElementById("jseditor"),
|
||||||
|
status: false,
|
||||||
|
toolbarTips: true,
|
||||||
|
toolbarGuideIcon: true,
|
||||||
|
autofocus: false,
|
||||||
|
placeholder: "",
|
||||||
|
lineWrapping: true,
|
||||||
|
autoDownloadFontAwesome: false,
|
||||||
|
indentWithTabs: true,
|
||||||
|
tabSize: $tabSize,
|
||||||
|
spellChecker: $spellCheckerEnable,
|
||||||
|
toolbar: [$toolbar,
|
||||||
|
"|",
|
||||||
|
{
|
||||||
|
name: "pageBreak",
|
||||||
|
action: function addPageBreak(editor){
|
||||||
|
var cm = editor.codemirror;
|
||||||
|
output = "$pageBreak";
|
||||||
|
cm.replaceSelection(output);
|
||||||
|
},
|
||||||
|
className: "fa fa-crop",
|
||||||
|
title: "Page break",
|
||||||
|
}]
|
||||||
|
});
|
||||||
|
|
||||||
|
</script>
|
||||||
|
EOF;
|
||||||
|
}
|
||||||
|
}
|
File diff suppressed because one or more lines are too long
|
@ -1,40 +0,0 @@
|
||||||
This version of SimpleMDE have a little changes for Bludit.
|
|
||||||
|
|
||||||
--- Image preview hack ---
|
|
||||||
|
|
||||||
Original
|
|
||||||
<img src="'+e+'"
|
|
||||||
|
|
||||||
Bludit hack
|
|
||||||
<img src="'+HTML_PATH_UPLOADS+e+'"
|
|
||||||
|
|
||||||
|
|
||||||
--- HTTP for HTTPS ---
|
|
||||||
Original
|
|
||||||
http://
|
|
||||||
|
|
||||||
Bludit hack
|
|
||||||
https://
|
|
||||||
|
|
||||||
--- Icons ---
|
|
||||||
|
|
||||||
fa-quote-left
|
|
||||||
oi-double-quote-serif-left
|
|
||||||
|
|
||||||
fa-list-ul
|
|
||||||
oi-list
|
|
||||||
|
|
||||||
oi-link
|
|
||||||
oi-link-intact
|
|
||||||
|
|
||||||
fa-picture-o
|
|
||||||
oi-image
|
|
||||||
|
|
||||||
fa-columns
|
|
||||||
oi-browser
|
|
||||||
|
|
||||||
fa-arrows-alt
|
|
||||||
oi-fullscreen-enter
|
|
||||||
|
|
||||||
fa fa-
|
|
||||||
fa fa-
|
|
File diff suppressed because one or more lines are too long
|
@ -1,10 +0,0 @@
|
||||||
{
|
|
||||||
"author": "Sparksuite",
|
|
||||||
"email": "",
|
|
||||||
"website": "https://github.com/NextStepWebs/simplemde-markdown-editor",
|
|
||||||
"version": "1.11.2",
|
|
||||||
"releaseDate": "2016-06-14",
|
|
||||||
"license": "MIT",
|
|
||||||
"compatible": "3.9.0",
|
|
||||||
"notes": ""
|
|
||||||
}
|
|
|
@ -1,120 +0,0 @@
|
||||||
<?php
|
|
||||||
|
|
||||||
class pluginsimpleMDE extends Plugin {
|
|
||||||
|
|
||||||
private $loadOnController = array(
|
|
||||||
'new-content',
|
|
||||||
'edit-content'
|
|
||||||
);
|
|
||||||
|
|
||||||
public function init()
|
|
||||||
{
|
|
||||||
$this->dbFields = array(
|
|
||||||
'tabSize'=>'2',
|
|
||||||
'toolbar'=>'"bold", "italic", "heading", "|", "quote", "unordered-list", "|", "link", "image", "code", "horizontal-rule", "|", "preview", "side-by-side", "fullscreen"',
|
|
||||||
'spellChecker'=>true
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
public function form()
|
|
||||||
{
|
|
||||||
global $L;
|
|
||||||
|
|
||||||
$html = '<div>';
|
|
||||||
$html .= '<label>'.$L->get('toolbar').'</label>';
|
|
||||||
$html .= '<input name="toolbar" id="jstoolbar" type="text" value="'.$this->getValue('toolbar').'">';
|
|
||||||
$html .= '</div>';
|
|
||||||
|
|
||||||
$html .= '<div>';
|
|
||||||
$html .= '<label>'.$L->get('tab-size').'</label>';
|
|
||||||
$html .= '<input name="tabSize" id="jstabSize" type="text" value="'.$this->getValue('tabSize').'">';
|
|
||||||
$html .= '</div>';
|
|
||||||
|
|
||||||
$html .= '<div>';
|
|
||||||
$html .= '<label>'.$L->get('spell-checker').'</label>';
|
|
||||||
$html .= '<select name="spellChecker">';
|
|
||||||
$html .= '<option value="true" '.($this->getValue('spellChecker')===true?'selected':'').'>'.$L->get('enabled').'</option>';
|
|
||||||
$html .= '<option value="false" '.($this->getValue('spellChecker')===false?'selected':'').'>'.$L->get('disabled').'</option>';
|
|
||||||
$html .= '</select>';
|
|
||||||
$html .= '</div>';
|
|
||||||
|
|
||||||
return $html;
|
|
||||||
}
|
|
||||||
|
|
||||||
public function adminHead()
|
|
||||||
{
|
|
||||||
if (!in_array($GLOBALS['ADMIN_CONTROLLER'], $this->loadOnController)) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Include plugin's CSS files
|
|
||||||
$html = $this->includeCSS('simplemde.min.css');
|
|
||||||
$html .= $this->includeCSS('bludit.css');
|
|
||||||
return $html;
|
|
||||||
}
|
|
||||||
|
|
||||||
public function adminBodyEnd()
|
|
||||||
{
|
|
||||||
global $L;
|
|
||||||
|
|
||||||
if (!in_array($GLOBALS['ADMIN_CONTROLLER'], $this->loadOnController)) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Spell Checker
|
|
||||||
$spellCheckerEnable = $this->getValue('spellChecker')?'true':'false';
|
|
||||||
|
|
||||||
// Include plugin's Javascript files
|
|
||||||
$html = $this->includeJS('simplemde.min.js');
|
|
||||||
$html .= '<script>'.PHP_EOL;
|
|
||||||
$html .= 'var simplemde = null;'.PHP_EOL;
|
|
||||||
|
|
||||||
// Include add content to the editor
|
|
||||||
$html .= 'function addContentSimpleMDE(content) {
|
|
||||||
var text = simplemde.value();
|
|
||||||
simplemde.value(text + content + "\n");
|
|
||||||
simplemde.codemirror.refresh();
|
|
||||||
}'.PHP_EOL;
|
|
||||||
|
|
||||||
// Returns the content of the editor
|
|
||||||
// Function required for Bludit
|
|
||||||
$html .= 'function editorGetContent(content) {
|
|
||||||
return simplemde.value();
|
|
||||||
}'.PHP_EOL;
|
|
||||||
|
|
||||||
// Insert an image in the editor at the cursor position
|
|
||||||
// Function required for Bludit
|
|
||||||
$html .= 'function editorInsertMedia(filename) {
|
|
||||||
addContentSimpleMDE("!['.$L->get('Image description').']("+filename+")");
|
|
||||||
}'.PHP_EOL;
|
|
||||||
|
|
||||||
//$html .= '$(document).ready(function() { '.PHP_EOL;
|
|
||||||
$html .= 'simplemde = new SimpleMDE({
|
|
||||||
element: document.getElementById("jseditor"),
|
|
||||||
status: false,
|
|
||||||
toolbarTips: true,
|
|
||||||
toolbarGuideIcon: true,
|
|
||||||
autofocus: false,
|
|
||||||
placeholder: "'.$L->get('content-here-supports-markdown-and-html-code').'",
|
|
||||||
lineWrapping: true,
|
|
||||||
autoDownloadFontAwesome: false,
|
|
||||||
indentWithTabs: true,
|
|
||||||
tabSize: '.$this->getValue('tabSize').',
|
|
||||||
spellChecker: '.$spellCheckerEnable.',
|
|
||||||
toolbar: ['.Sanitize::htmlDecode($this->getValue('toolbar')).',
|
|
||||||
"|",
|
|
||||||
{
|
|
||||||
name: "pageBreak",
|
|
||||||
action: function addPageBreak(editor){
|
|
||||||
var cm = editor.codemirror;
|
|
||||||
output = "\n'.PAGE_BREAK.'\n";
|
|
||||||
cm.replaceSelection(output);
|
|
||||||
},
|
|
||||||
className: "fa fa-crop",
|
|
||||||
title: "'.$L->get('Pagebreak').'",
|
|
||||||
}]
|
|
||||||
});';
|
|
||||||
$html .= '</script>';
|
|
||||||
return $html;
|
|
||||||
}
|
|
||||||
}
|
|
Loading…
Reference in New Issue