Skip to content

L
local-tinymce
Commit 0bce7a59 authored by Георгий Попов's avatar Георгий Попов
Browse files
Options

add ckeditor support on different page

parent 33ad2d7f
Show whitespace changes
Inline Side-by-side
Showing with 113 additions and 1 deletion
index.html
View file @ 0bce7a59
......@@ -11,6 +11,6 @@
</textarea>
<script src="node_modules/tinymce/tinymce.min.js" rel="text/javascript"></script>
<script src="js/editor.js" rel="text/javascript"></script>
<script src="js/tinymce.editor.js" rel="text/javascript"></script>
</body>
</html>
index_ckeditor.html 0 → 100644
View file @ 0bce7a59
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> Локальный редактор CKEditor </title>
<link rel="stylesheet" href="/css/editor.css" media="screen" title="no title">
</head>
<body>
<textarea id="editor">
</textarea>
<script src="node_modules/ckeditor/ckeditor.js" rel="text/javascript"></script>
<script src="js/ckeditor.editor.js" rel="text/javascript"></script>
</body>
</html>
js/ckeditor.editor.js 0 → 100644
View file @ 0bce7a59
/* CKEditor initialization script */
document.addEventListener('DOMContentLoaded', function() {
// Textarea id for tinymce
const editorSelector = 'editor';
CKEDITOR.replace(editorSelector, {
// Define the toolbar: http://docs.ckeditor.com/#!/guide/dev_toolbar
// The standard preset from CDN which we used as a base provides more features than we need.
// Also by default it comes with a 2-line toolbar. Here we put all buttons in a single row.
toolbar: [
{ name: 'save', items: [ 'savebtn','Undo','Redo' ] },
{ name: 'search', items: [ 'Find','Replace'] },
{ name: 'document', items: [ 'Source' ] },
{ name: 'basicstyles', items: [ 'Font','FontSize','Bold','Italic','Underline','Strike','Subscript','Superscript'] },
{ name: 'paragraph', items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote' ] },
{ name: 'align', items: [ 'JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'] },
{ name: 'links', items: [ 'Link', 'Unlink' ] },
{ name: 'insert', items: [ 'CodeSnippet', 'Image', 'Mathjax' ] },
{ name: 'styles', items: [ 'Format', 'Styles' ] },
{ name: 'clipboard', items: [ 'Cut','Copy','Paste','PasteText','PasteFromWord'] },
],
// Since we define all configuration options here, let's instruct CKEditor to not load config.js which it does by default.
// One HTTP request less will result in a faster startup time.
// For more information check http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-customConfig
customConfig: '',
// Enabling extra plugins, available in the standard-all preset: http://ckeditor.com/presets-all
extraPlugins: 'codesnippet,image2,font',
// Remove the default image plugin because image2, which offers captions for images, was enabled above.
removePlugins: 'image',
// See http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-codeSnippet_theme
codeSnippet_theme: 'ir_black',
/*********************** File management support ***********************/
// In order to turn on support for file uploads, CKEditor has to be configured to use some server side
// solution with file upload/management capabilities, like for example CKFinder.
// For more information see http://docs.ckeditor.com/#!/guide/dev_ckfinder_integration
// Uncomment and correct these lines after you setup your local CKFinder instance.
// filebrowserBrowseUrl: 'http://example.com/ckfinder/ckfinder.html',
// filebrowserUploadUrl: 'http://example.com/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
/*********************** File management support ***********************/
// Make the editing area bigger than default.
height: window.innerWidth || document.documentElement.clientWidth,
// Define the list of styles which should be available in the Styles dropdown list.
// If the "class" attribute is used to style an element, make sure to define the style for the class in "mystyles.css"
// (and on your website so that it rendered in the same way).
// Note: by default CKEditor looks for styles.js file. Defining stylesSet inline (as below) stops CKEditor from loading
// that file, which means one HTTP request less (and a faster startup).
// For more information see http://docs.ckeditor.com/#!/guide/dev_styles
stylesSet: [
/* Inline Styles */
{ name: 'Marker', element: 'span', attributes: { 'class': 'marker' } },
{ name: 'Cited Work', element: 'cite' },
{ name: 'Inline Quotation', element: 'q' },
/* Object Styles */
{
name: 'Special Container',
element: 'div',
styles: {
padding: '5px 10px',
background: '#eee',
border: '1px solid #ccc'
}
},
{
name: 'Compact table',
element: 'table',
attributes: {
cellpadding: '5',
cellspacing: '0',
border: '1',
bordercolor: '#ccc'
},
styles: {
'border-collapse': 'collapse'
}
},
{ name: 'Borderless Table', element: 'table', styles: { 'border-style': 'hidden', 'background-color': '#E6E6FA' } },
{ name: 'Square Bulleted List', element: 'ul', styles: { 'list-style-type': 'square' } },
/* Widget Styles */
{ name: 'Illustration', type: 'widget', widget: 'image', attributes: { 'class': 'image-illustration' } },
{ name: 'Featured snippet', type: 'widget', widget: 'codeSnippet', attributes: { 'class': 'code-featured' } },
{ name: 'Featured formula', type: 'widget', widget: 'mathjax', attributes: { 'class': 'math-featured' } }
]
}); // end of CKEDITOR config
}); // end of DOMContentLoaded event callback
package.json
View file @ 0bce7a59
......@@ -18,6 +18,7 @@
"author": "george popoff ambulance@etersoft.ru",
"license": "ISC",
"dependencies": {
"ckeditor": "^4.6.2",
"tinymce": "^4.5.4"
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment