mirror of
https://github.com/Part-DB/Part-DB-server.git
synced 2025-06-23 10:18:56 +02:00
Added CKEditor field to edit bbcode WYSIWYG style.
This commit is contained in:
Jan Böhmer
parent
2c005dbe3f
commit
daad7ec60a
12 changed files with 1214 additions and 2 deletions
114
public/ckeditor/plugins/bbcode/samples/bbcode.html
Normal file
114
public/ckeditor/plugins/bbcode/samples/bbcode.html
Normal file
|
|
@ -0,0 +1,114 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
|
||||
For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>BBCode Plugin — CKEditor Sample</title>
|
||||
<script src="../../../ckeditor.js"></script>
|
||||
<script src="../../../samples/old/sample.js"></script>
|
||||
<link rel="stylesheet" href="../../../samples/old/sample.css">
|
||||
<meta name="ckeditor-sample-required-plugins" content="sourcearea">
|
||||
<meta name="ckeditor-sample-name" content="Output for BBCode">
|
||||
<meta name="ckeditor-sample-group" content="Additional Plugins">
|
||||
<meta name="ckeditor-sample-description" content="Configuring CKEditor to produce BBCode tags instead of HTML.">
|
||||
</head>
|
||||
<body>
|
||||
<h1 class="samples">
|
||||
<a href="../../../samples/old/index.html">CKEditor Samples</a> » BBCode Plugin
|
||||
</h1>
|
||||
<div class="warning deprecated">
|
||||
This sample is not maintained anymore. Check out its <a href="https://ckeditor.com/docs/ckeditor4/latest/examples/bbcode.html">brand new version in CKEditor Examples</a>.
|
||||
</div>
|
||||
<div class="description">
|
||||
<p>
|
||||
This sample shows how to configure CKEditor to output <a href="http://en.wikipedia.org/wiki/BBCode">BBCode</a> format instead of HTML.
|
||||
Please note that the editor configuration was modified to reflect what is needed in a BBCode editing environment.
|
||||
Smiley images, for example, were stripped to the emoticons that are commonly used in some BBCode dialects.
|
||||
</p>
|
||||
<p>
|
||||
Please note that currently there is no standard for the BBCode markup language, so its implementation
|
||||
for different platforms (message boards, blogs etc.) can vary. This means that before using CKEditor to
|
||||
output BBCode you may need to adjust the implementation to your own environment.
|
||||
</p>
|
||||
<p>
|
||||
A snippet of the configuration code can be seen below; check the source of this page for
|
||||
a full definition:
|
||||
</p>
|
||||
<pre class="samples">
|
||||
CKEDITOR.replace( 'editor1', {
|
||||
<strong>extraPlugins: 'bbcode',</strong>
|
||||
toolbar: [
|
||||
[ 'Source', '-', 'Save', 'NewPage', '-', 'Undo', 'Redo' ],
|
||||
[ 'Find', 'Replace', '-', 'SelectAll', 'RemoveFormat' ],
|
||||
[ 'Link', 'Unlink', 'Image' ],
|
||||
'/',
|
||||
[ 'FontSize', 'Bold', 'Italic', 'Underline' ],
|
||||
[ 'NumberedList', 'BulletedList', '-', 'Blockquote' ],
|
||||
[ 'TextColor', '-', 'Smiley', 'SpecialChar', '-', 'Maximize' ]
|
||||
],
|
||||
... <i>some other configurations omitted here</i>
|
||||
}); </pre>
|
||||
</div>
|
||||
<form action="../../../samples/sample_posteddata.php" method="post">
|
||||
<p>
|
||||
<label for="editor1">
|
||||
Editor 1:
|
||||
</label>
|
||||
<textarea cols="80" id="editor1" name="editor1" rows="10">This is some [b]sample text[/b]. You are using [url=https://ckeditor.com/]CKEditor[/url].</textarea>
|
||||
<script>
|
||||
|
||||
// Replace the <textarea id="editor"> with an CKEditor
|
||||
// instance, using the "bbcode" plugin, shaping some of the
|
||||
// editor configuration to fit BBCode environment.
|
||||
CKEDITOR.replace( 'editor1', {
|
||||
extraPlugins: 'bbcode',
|
||||
// Remove unused plugins.
|
||||
removePlugins: 'bidi,dialogadvtab,div,filebrowser,flash,format,forms,horizontalrule,iframe,justify,liststyle,pagebreak,showborders,stylescombo,table,tabletools,templates',
|
||||
// Width and height are not supported in the BBCode format, so object resizing is disabled.
|
||||
disableObjectResizing: true,
|
||||
// Define font sizes in percent values.
|
||||
fontSize_sizes: "30/30%;50/50%;100/100%;120/120%;150/150%;200/200%;300/300%",
|
||||
toolbar: [
|
||||
[ 'Source', '-', 'Save', 'NewPage', '-', 'Undo', 'Redo' ],
|
||||
[ 'Find', 'Replace', '-', 'SelectAll', 'RemoveFormat' ],
|
||||
[ 'Link', 'Unlink', 'Image', 'Smiley', 'SpecialChar' ],
|
||||
'/',
|
||||
[ 'Bold', 'Italic', 'Underline' ],
|
||||
[ 'FontSize' ],
|
||||
[ 'TextColor' ],
|
||||
[ 'NumberedList', 'BulletedList', '-', 'Blockquote' ],
|
||||
[ 'Maximize' ]
|
||||
],
|
||||
// Strip CKEditor smileys to those commonly used in BBCode.
|
||||
smiley_images: [
|
||||
'regular_smile.png', 'sad_smile.png', 'wink_smile.png', 'teeth_smile.png', 'tongue_smile.png',
|
||||
'embarrassed_smile.png', 'omg_smile.png', 'whatchutalkingabout_smile.png', 'angel_smile.png',
|
||||
'shades_smile.png', 'cry_smile.png', 'kiss.png'
|
||||
],
|
||||
smiley_descriptions: [
|
||||
'smiley', 'sad', 'wink', 'laugh', 'cheeky', 'blush', 'surprise',
|
||||
'indecision', 'angel', 'cool', 'crying', 'kiss'
|
||||
]
|
||||
});
|
||||
|
||||
</script>
|
||||
</p>
|
||||
<p>
|
||||
<input type="submit" value="Submit">
|
||||
</p>
|
||||
</form>
|
||||
<div id="footer">
|
||||
<hr>
|
||||
<p>
|
||||
CKEditor - The text editor for the Internet - <a class="samples" href="https://ckeditor.com/">https://ckeditor.com</a>
|
||||
</p>
|
||||
<p id="copy">
|
||||
Copyright © 2003-2019, <a class="samples" href="https://cksource.com/">CKSource</a> - Frederico
|
||||
Knabben. All rights reserved.
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue