first

plugins/ckeditor/import.system.php

@@ -0,0 +1,115 @@
+<?php
+if(!defined('__KIMS__')) exit;
+?>
+
+<textarea name="source" class="form-control ckeditor d-none" id="ckeditor_textarea"><?php echo $__SRC__?></textarea>
+
+<?php
+getImport('ckeditor','full-all/ckeditor','4.9.0','js');
+$editor_type = 'html'; // 에디터 타입 : html,markdown
+?>
+
+<script>
+
+function InserHTMLtoEditor(sHTML) {
+	CKEDITOR.instances['ckeditor_textarea'].insertHtml(sHTML);
+}
+
+CKEDITOR.replace( 'ckeditor_textarea', {
+	// Define the toolbar: http://docs.ckeditor.com/ckeditor4/docs/#!/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: 'clipboard', items: [ 'Undo', 'Redo' ] },
+		{ name: 'styles', items: [ 'Styles', 'Format' ] },
+		{ name: 'basicstyles', items: [ 'Bold', 'Italic', 'Strike', '-', 'RemoveFormat' ] },
+		{ name: 'colors', items: [ 'TextColor', 'BGColor' ] },
+		{ name: 'align', items: [ 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock' ] },
+		{ name: 'paragraph', items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote' ] },
+		{ name: 'links', items: [ 'Link', 'Unlink' ] },
+		{ name: 'insert', items: [ 'Image', 'EmbedSemantic', 'Table','HorizontalRule'] },
+		{ name: 'tools', items: [ 'Maximize' ] }
+	],
+	// 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/ckeditor4/docs/#!/api/CKEDITOR.config-cfg-customConfig
+	customConfig: '',
+	// Enabling extra plugins, available in the standard-all preset: http://ckeditor.com/presets-all
+	extraPlugins: 'autoembed,embedsemantic,autogrow,tableresize,horizontalrule',
+	/*********************** 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/ckeditor4/docs/#!/guide/dev_ckfinder_integration
+	// Uncomment and correct these lines after you setup your local CKFinder instance.
+	// filebrowserBrowseUrl: 'http://example.com/ckfinder/ckfinder.html',
+	// filebrowserUploadUrl: '/uploader/upload.php',
+	/*********************** File management support ***********************/
+	// Remove the default image plugin because image2, which offers captions for images, was enabled above.
+	removePlugins: 'image',
+	// Make the editing area bigger than default.
+	// height: 450,
+
+	autoGrow_minHeight: 350,
+	autoGrow_onStartup: true,
+	autoGrow_bottomSpace: 20,
+
+	// An array of stylesheets to style the WYSIWYG area.
+	// Note: it is recommended to keep your own styles in a separate file in order to make future updates painless.
+	// contentsCss: [ 'https://cdn.ckeditor.com/4.8.0/standard-all/contents.css', 'mystyles.css' ],
+	// This is optional, but will let us define multiple different styles for multiple editors using the same CSS file.
+	bodyClass: 'article-editor',
+	// Reduce the list of block elements listed in the Format dropdown to the most commonly used.
+	format_tags: 'p;h1;h2;h3;pre',
+	// Simplify the Image and Link dialog windows. The "Advanced" tab is not needed in most cases.
+	removeDialogTabs: 'image:advanced;link:advanced',
+	// 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/ckeditor4/docs/#!/guide/dev_styles
+	stylesSet: [
+		/* Inline Styles */
+		{ name: '작성자',			element: 'span', attributes: { 'class': 'marker' } },
+		{ name: 'Inline Quotation',	element: 'q' },
+		/* Object Styles */
+		{
+			name: '강조박스',
+			element: 'div',
+			styles: {
+				padding: '5px 10px',
+				background: '#eee',
+				border: '1px solid #ccc'
+			}
+		},
+		{
+			name: '콤팩트 테이블',
+			element: 'table',
+			attributes: {
+				cellpadding: '5',
+				cellspacing: '0',
+				border: '1',
+				bordercolor: '#ccc'
+			},
+			styles: {
+				'border-collapse': 'collapse'
+			}
+		},
+		{ name: '테두리 없는 테이블',		element: 'table',	styles: { 'border-style': 'hidden', 'background-color': '#E6E6FA' } },
+		{ name: '사각 목록',	element: 'ul',		styles: { 'list-style-type': 'square' } },
+		// { name: '반응형 이미지',	element: 'img',	styles: { 'max-width': '100%', 'height': 'auto' } },
+		/* Widget Styles */
+		// We use this one to style the brownie picture.
+		{ name: '반응형 이미지', type: 'widget', widget: 'image', styles: { 'max-width': '100%', 'height': 'auto' } },
+		// Media embed
+		{ name: '240p', type: 'widget', widget: 'embedSemantic', attributes: { 'class': 'embed-240p' } },
+		{ name: '360p', type: 'widget', widget: 'embedSemantic', attributes: { 'class': 'embed-360p' } },
+		{ name: '480p', type: 'widget', widget: 'embedSemantic', attributes: { 'class': 'embed-480p' } },
+		{ name: '720p', type: 'widget', widget: 'embedSemantic', attributes: { 'class': 'embed-720p' } },
+		{ name: '1080p', type: 'widget', widget: 'embedSemantic', attributes: { 'class': 'embed-1080p' } }
+	]
+} );
+
+</script>