mirror of
https://github.com/a2nt/webpack-bootstrap-ui-kit.git
synced 2024-10-22 11:05:45 +02:00
jquery-te dependencies
This commit is contained in:
Tony Air
parent
259658fdfc
commit
23f598e8c6
11
package.json
11
package.json
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@a2nt/ss-bootstrap-ui-webpack-boilerplate",
|
||||
"version": "1.1.0",
|
||||
"version": "1.1.1",
|
||||
"author": "Tony Air <tony@twma.pro>",
|
||||
"license": "MIT",
|
||||
"description": "This UI Kit allows you to build Bootstrap 4 webapp with some extra UI features. It's easy to extend and easy to convert HTML templates to CMS templates.",
|
||||
@ -124,8 +124,7 @@
|
||||
"block-no-empty": null,
|
||||
"color-no-invalid-hex": true,
|
||||
"comment-empty-line-before": [
|
||||
"always",
|
||||
{
|
||||
"always", {
|
||||
"ignore": [
|
||||
"stylelint-commands",
|
||||
"after-comment"
|
||||
@ -134,8 +133,7 @@
|
||||
],
|
||||
"declaration-colon-space-after": "always",
|
||||
"indentation": [
|
||||
4,
|
||||
{
|
||||
4, {
|
||||
"except": [
|
||||
"value"
|
||||
]
|
||||
@ -143,8 +141,7 @@
|
||||
],
|
||||
"max-empty-lines": 2,
|
||||
"rule-empty-line-before": [
|
||||
"always",
|
||||
{
|
||||
"always", {
|
||||
"except": [
|
||||
"first-nested"
|
||||
],
|
||||
|
||||
@ -6,7 +6,10 @@ import Events from '../_events';
|
||||
import Spinner from '../_components/_ui.spinner';
|
||||
import FormValidateField from "./_ui.form.validate.field";
|
||||
|
||||
import '../../thirdparty/jquery-te/jquery-te.js';
|
||||
|
||||
import '../../thirdparty/jQuery-TE_v.1.4.0/jquery-te-1.4.0.css';
|
||||
import '../../thirdparty/jQuery-TE_v.1.4.0/uncompressed/jquery-te-1.4.0.js';
|
||||
|
||||
|
||||
const JqteUI = (($) => {
|
||||
|
||||
|
||||
94
src/thirdparty/jQuery-TE_v.1.4.0/demo/demo.css
vendored
Normal file
94
src/thirdparty/jQuery-TE_v.1.4.0/demo/demo.css
vendored
Normal file
@ -0,0 +1,94 @@
|
||||
/* general styles */
|
||||
html, body {
|
||||
padding:30px 100px;
|
||||
background:#E5E5E5
|
||||
}
|
||||
* {
|
||||
font-family:Verdana, Arial, sans-serif;
|
||||
color:#000
|
||||
}
|
||||
h1 {
|
||||
font-size:33px;
|
||||
color:#99CC00;
|
||||
margin:15px 0
|
||||
}
|
||||
.navigation {
|
||||
margin:10px 0 20px;
|
||||
}
|
||||
.navigation, .navigation a {
|
||||
color:#608000;
|
||||
font-size:12px;
|
||||
}
|
||||
.navigation a {
|
||||
margin-right:4px;
|
||||
}
|
||||
h2 {
|
||||
margin:15px 0 25px;
|
||||
color:#608000;
|
||||
font-size:14px;
|
||||
font-weight:bold
|
||||
}
|
||||
a:link, a:visited {
|
||||
text-decoration:underline
|
||||
}
|
||||
.testbutton {
|
||||
margin-bottom:30px;
|
||||
background:#3399FF;
|
||||
padding:6px 25px;
|
||||
border:#003F81 1px solid;
|
||||
color:#FFF;
|
||||
font-size:22px;
|
||||
border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
|
||||
box-shadow:inset 0 5px 5px #67B3FF; -webkit-box-shadow:inset 0 5px 5px #67B3FF; -moz-box-shadow:inset 0 5px 5px #67B3FF
|
||||
}
|
||||
.testbutton:hover {
|
||||
background:#198CFF;
|
||||
cursor:pointer
|
||||
}
|
||||
.footer, .footer * {
|
||||
color:#802D00;
|
||||
font-size:15px
|
||||
}
|
||||
|
||||
.jqte-test {
|
||||
display:block;
|
||||
margin:0 0 10px;
|
||||
padding:6px;
|
||||
width:95%;
|
||||
background:#FFF;
|
||||
border:#AAA 1px solid;
|
||||
font-size:13px;
|
||||
}
|
||||
textarea.jqte-test, div.jqte-test, span.jqte-test {
|
||||
min-height:100px;
|
||||
}
|
||||
button {
|
||||
display:block;
|
||||
margin:20px 0;
|
||||
padding:6px 0 4px;
|
||||
width:154px;
|
||||
background:#658700;
|
||||
border:#526E00 1px solid;
|
||||
color:#F3FFCF !important;
|
||||
text-align:center;
|
||||
font-size:13px;
|
||||
font-weight:bold;
|
||||
border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
|
||||
box-shadow:0 0 2px #000, inset 0 1px 1px #99CC00; -webkit-box-shadow:0 0 2px #000, inset 0 1px 1px #99CC00; -moz-box-shadow:0 0 2px #000, inset 0 1px 1px #99CC00;
|
||||
cursor:pointer;
|
||||
}
|
||||
button:hover {
|
||||
background:#78A000;
|
||||
border-color:#658700;
|
||||
text-decoration:none !important;
|
||||
cursor:pointer
|
||||
}
|
||||
|
||||
button:active {
|
||||
background:#3F5500;
|
||||
border-color:#2C3C00;
|
||||
color:#9CCD00 !important;
|
||||
box-shadow:0 0 3px #000,inset 0 -2px 2px #333;
|
||||
-webkit-box-shadow:0 0 3px #000, inset 0 -2px 2px #333;
|
||||
-moz-box-shadow:0 0 3px #000, inset 0 -2px 2px #333;
|
||||
}
|
||||
64
src/thirdparty/jQuery-TE_v.1.4.0/demo/demo.html
vendored
Normal file
64
src/thirdparty/jQuery-TE_v.1.4.0/demo/demo.html
vendored
Normal file
@ -0,0 +1,64 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<title>jQuery TE | Downloaded Demo | v.1.4.0</title>
|
||||
|
||||
<link type="text/css" rel="stylesheet" href="demo.css">
|
||||
<link type="text/css" rel="stylesheet" href="../jquery-te-1.4.0.css">
|
||||
|
||||
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js" charset="utf-8"></script>
|
||||
<script type="text/javascript" src="../jquery-te-1.4.0.min.js" charset="utf-8"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1>jQuery TE</h1>
|
||||
|
||||
<div class="navigation">
|
||||
<a href="http://jqueryte.com" target="_blank">Home</a>
|
||||
<a href="http://jqueryte.com/demos" target="_blank">Demos</a>
|
||||
<a href="http://jqueryte.com/documentation" target="_blank">Documentation</a>
|
||||
<a href="http://jqueryte.com/comments" target="_blank">Comments</a>
|
||||
<a href="http://jqueryte.com/about" target="_blank">About</a>
|
||||
<a href="http://jqueryte.com/license" target="_blank">License</a>
|
||||
</div>
|
||||
|
||||
<h2>Demo | v.1.4.0</h2>
|
||||
|
||||
<!------------------------------------------------------------ Toggle jQTE Button ------------------------------------------------------------>
|
||||
<button class="status">Toggle jQTE</button>
|
||||
|
||||
<!------------------------------------------------------------ jQUERY TEXT EDITOR ------------------------------------------------------------>
|
||||
|
||||
<textarea name="textarea" class="jqte-test"><b>My contents are from <u><span style="color:rgb(0, 148, 133);">TEXTAREA</span></u></b></textarea>
|
||||
|
||||
<input name="input" type="text" value="<b>My contents are from <u><span style="color:rgb(0, 148, 133);">INPUT</span></u></b>" class="jqte-test">
|
||||
|
||||
<span name="span" class="jqte-test"><b>My contents are from <u><span style="color:rgb(0, 148, 133);">SPAN</span></u></b></span>
|
||||
|
||||
<script>
|
||||
$('.jqte-test').jqte();
|
||||
|
||||
// settings of status
|
||||
var jqteStatus = true;
|
||||
$(".status").click(function()
|
||||
{
|
||||
jqteStatus = jqteStatus ? false : true;
|
||||
$('.jqte-test').jqte({"status" : jqteStatus})
|
||||
});
|
||||
</script>
|
||||
|
||||
<!------------------------------------------------------------ jQUERY TEXT EDITOR ------------------------------------------------------------>
|
||||
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="footer">
|
||||
<b>Please <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=U49X5YEFRPMSL" target="_blank">donate</a> us or <a href="http://jqueryte.com" target="_blank">click on advertisements</a> to improve more than.</b>
|
||||
</div>
|
||||
|
||||
<p>Thanks for using!</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
457
src/thirdparty/jQuery-TE_v.1.4.0/jquery-te-1.4.0.css
vendored
Normal file
457
src/thirdparty/jQuery-TE_v.1.4.0/jquery-te-1.4.0.css
vendored
Normal file
@ -0,0 +1,457 @@
|
||||
/*!
|
||||
*
|
||||
* jQuery TE 1.4.0 , http://jqueryte.com/
|
||||
* Copyright (C) 2013, Fatih Koca (fattih@fattih.com), (http://jqueryte.com/about)
|
||||
|
||||
* jQuery TE is provided under the MIT LICENSE.
|
||||
*
|
||||
*/
|
||||
|
||||
/* editor's general field */
|
||||
.jqte {
|
||||
margin:30px 0;
|
||||
border:#000 1px solid;
|
||||
border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
|
||||
box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; -moz-box-shadow:0 0 3px #999;
|
||||
overflow:hidden;
|
||||
transition:box-shadow 0.4s, border 0.4s; -webkit-transition:-webkit-box-shadow 0.4s, border 0.4s; -moz-transition:-moz-box-shadow 0.4s, border 0.4s; -o-transition:-o-box-shadow 0.4s, border 0.4s;
|
||||
}
|
||||
.jqte * {
|
||||
color:#333;
|
||||
font-family:Arial, Helvetica, sans-serif;
|
||||
font-size:14px;
|
||||
}
|
||||
.jqte_focused {
|
||||
border-color:#00AAE7;
|
||||
box-shadow:0 0 10px #00BDFF; -webkit-box-shadow:0 0 10px #00BDFF; -moz-box-shadow:0 0 10px #00BDFF;
|
||||
}
|
||||
/* toolbar */
|
||||
.jqte_toolbar {
|
||||
overflow:auto;
|
||||
padding:3px 4px;
|
||||
background:#EEE;
|
||||
border-bottom:#BBB 1px solid;
|
||||
}
|
||||
.jqte_tool {
|
||||
float:left;
|
||||
margin:0;
|
||||
padding:0;
|
||||
cursor:pointer;
|
||||
}
|
||||
.jqte_tool, .jqte_tool_icon, .jqte_tool_label {
|
||||
border:#EEE 1px solid;
|
||||
border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px
|
||||
}
|
||||
.jqte_hiddenField {
|
||||
display:none
|
||||
}
|
||||
.jqte_tool_icon {
|
||||
display:block;
|
||||
width:22px;
|
||||
height:22px;
|
||||
background:url(jquery-te.png) no-repeat
|
||||
}
|
||||
.jqte_tool.jqte_tool_1 .jqte_tool_label {
|
||||
position:relative;
|
||||
display:block;
|
||||
padding:3px;
|
||||
width:70px;
|
||||
height:16px;
|
||||
overflow:hidden;
|
||||
}
|
||||
.jqte_tool.jqte_tool_1 .jqte_tool_text {
|
||||
font:bold 13px Arial,sans-serif;
|
||||
color:#222;
|
||||
}
|
||||
.jqte_tool.jqte_tool_1 .jqte_tool_icon {
|
||||
position:absolute;
|
||||
top:10px;
|
||||
right:2px;
|
||||
width:6px;
|
||||
height:4px;
|
||||
background-position:-19px -23px;
|
||||
border:none;
|
||||
border-radius:none; -webkit-border-radius:none; -moz-border-radius:none
|
||||
}
|
||||
.jqte_tool.jqte_tool_2 .jqte_tool_icon {
|
||||
background-position:0 0
|
||||
}
|
||||
.jqte_tool.jqte_tool_3 .jqte_tool_icon {
|
||||
background-position:-22px 0
|
||||
}
|
||||
.jqte_tool.jqte_tool_4 .jqte_tool_icon {
|
||||
background-position:-44px 0
|
||||
}
|
||||
.jqte_tool.jqte_tool_5 .jqte_tool_icon {
|
||||
background-position:-66px 0
|
||||
}
|
||||
.jqte_tool.jqte_tool_6 .jqte_tool_icon {
|
||||
background-position:-88px 0
|
||||
}
|
||||
.jqte_tool.jqte_tool_7 .jqte_tool_icon {
|
||||
background-position:-110px 0
|
||||
}
|
||||
.jqte_tool.jqte_tool_8 .jqte_tool_icon {
|
||||
background-position:-132px 0
|
||||
}
|
||||
.jqte_tool.jqte_tool_9 .jqte_tool_icon {
|
||||
background-position:-154px 0
|
||||
}
|
||||
.jqte_tool.jqte_tool_10 .jqte_tool_icon {
|
||||
background-position:-176px 0
|
||||
}
|
||||
.jqte_tool.jqte_tool_11 .jqte_tool_icon {
|
||||
background-position:-198px 0
|
||||
}
|
||||
.jqte_tool.jqte_tool_12 .jqte_tool_icon {
|
||||
background-position:-220px 0
|
||||
}
|
||||
.jqte_tool.jqte_tool_13 .jqte_tool_icon {
|
||||
background-position:-242px 0
|
||||
}
|
||||
.jqte_tool.jqte_tool_14 .jqte_tool_icon {
|
||||
background-position:-264px 0
|
||||
}
|
||||
.jqte_tool.jqte_tool_15 .jqte_tool_icon {
|
||||
background-position:-286px 0
|
||||
}
|
||||
.jqte_tool.jqte_tool_16 .jqte_tool_icon {
|
||||
background-position:-308px 0
|
||||
}
|
||||
.jqte_tool.jqte_tool_17 .jqte_tool_icon {
|
||||
background-position:-330px 0
|
||||
}
|
||||
.jqte_tool.jqte_tool_18 .jqte_tool_icon {
|
||||
background-position:-352px 0
|
||||
}
|
||||
.jqte_tool.jqte_tool_19 .jqte_tool_icon {
|
||||
background-position:-374px 0
|
||||
}
|
||||
.jqte_tool.jqte_tool_20 .jqte_tool_icon {
|
||||
background-position:-396px 0
|
||||
}
|
||||
.jqte_tool.jqte_tool_21 .jqte_tool_icon {
|
||||
background-position:-418px 0
|
||||
}
|
||||
.jqte_tool:hover {
|
||||
background-color:#FFF;
|
||||
border-color:#FFF
|
||||
}
|
||||
.jqte_tool:hover .jqte_tool_icon, .jqte_tool:hover .jqte_tool_label {
|
||||
border:#AAA 1px solid
|
||||
}
|
||||
.jqte_tool:active .jqte_tool_icon, .jqte_tool:active .jqte_tool_label {
|
||||
border:#777 1px solid
|
||||
}
|
||||
.jqte_tool.jqte_tool_1:hover .jqte_tool_icon, .jqte_tool.jqte_tool_1:active .jqte_tool_icon {
|
||||
border:none
|
||||
}
|
||||
.jqte_tool_depressed {
|
||||
background-color:#DDD;
|
||||
border-color:#CCC
|
||||
}
|
||||
.jqte_tool_depressed .jqte_tool_icon {
|
||||
border-color:#AAA
|
||||
}
|
||||
.jqte_tool_depressed:hover {
|
||||
background-color:#EEE
|
||||
}
|
||||
/* link form area */
|
||||
.jqte_linkform {
|
||||
padding:5px 10px;
|
||||
background:#DDD;
|
||||
border-bottom:#BBB 1px solid;
|
||||
}
|
||||
.jqte_linktypeselect {
|
||||
position:relative;
|
||||
float:left;
|
||||
width:130px;
|
||||
background:#EEE;
|
||||
cursor:pointer
|
||||
}
|
||||
.jqte_linktypeselect:Active {
|
||||
background:#FFF
|
||||
}
|
||||
.jqte_linktypeview {
|
||||
padding:3px 5px;
|
||||
border:#333 1px solid;
|
||||
color:#777;
|
||||
border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
|
||||
outline:none
|
||||
}
|
||||
.jqte_linktypetext {
|
||||
font-size:12px;
|
||||
}
|
||||
.jqte_linktypearrow {
|
||||
position:absolute;
|
||||
bottom:8px; right:6px;
|
||||
width:7px;
|
||||
height:6px;
|
||||
margin:0 auto;
|
||||
background:url(jquery-te.png) -7px -23px no-repeat;
|
||||
}
|
||||
.jqte_linktypes {
|
||||
display:none;
|
||||
position:absolute;
|
||||
top:22px; left:1px;
|
||||
width:125px;
|
||||
background:#FFF;
|
||||
border:#333 1px solid;
|
||||
box-shadow:0 1px 4px #AAA; -webkit-box-shadow:0 1px 4px #AAA; -moz-box-shadow:0 1px 4px #AAA
|
||||
}
|
||||
.jqte_linktypes a {
|
||||
display:block;
|
||||
padding:4px 5px;
|
||||
font-size:12px;
|
||||
}
|
||||
.jqte_linktypes a:hover {
|
||||
background:#DDD
|
||||
}
|
||||
.jqte_linkinput {
|
||||
float:left;
|
||||
margin:0 5px;
|
||||
padding:3px 5px;
|
||||
width:300px;
|
||||
background:#EEE;
|
||||
border:#333 1px solid;
|
||||
color:#777;
|
||||
font-size:12px;
|
||||
border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
|
||||
outline:none;
|
||||
}
|
||||
.jqte_linkinput:focus, .jqte_linkinput:hover {
|
||||
background:#FFF;
|
||||
border-color:#000;
|
||||
}
|
||||
.jqte_linkbutton {
|
||||
float:left;
|
||||
padding:3px 12px;
|
||||
background:#AAA;
|
||||
border:#333 1px solid;
|
||||
color:#FFF;
|
||||
font-size:12px;
|
||||
font-weight:bold;
|
||||
cursor:pointer;
|
||||
border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
|
||||
box-shadow:inset 0 1px #EEE; -webkit-box-shadow:inset 0 1px #EEE; -moz-box-shadow:inset 0 1px #EEE;
|
||||
}
|
||||
.jqte_linkbutton:hover {
|
||||
background:#A1A1A1
|
||||
}
|
||||
.jqte_linkbutton:active {
|
||||
box-shadow:inset 0 1px #CCC; -webkit-box-shadow:inset 0 1px #CCC; -moz-box-shadow:inset 0 1px #CCC;
|
||||
background:#888;
|
||||
}
|
||||
|
||||
/* text format menu */
|
||||
.jqte_formats {
|
||||
display:none;
|
||||
position:absolute;
|
||||
width:180px;
|
||||
oveflow-x:hidden;
|
||||
overflow-y:auto;
|
||||
background:#FFF;
|
||||
border:#AAA 1px solid;
|
||||
box-shadow:0 0 5px #AAA; -webkit-box-shadow:0 0 5px #AAA; -moz-box-shadow:0 0 5px #AAA;
|
||||
z-index:100;
|
||||
}
|
||||
.jqte_format {
|
||||
display:block;
|
||||
padding:4px 7px;
|
||||
font-size:13px
|
||||
}
|
||||
.jqte_format:hover {
|
||||
background:#DDD
|
||||
}
|
||||
.jqte_format_1, .jqte_format_2, .jqte_format_3, .jqte_format_4, .jqte_format_5, .jqte_format_6 {
|
||||
font-weight:bold
|
||||
}
|
||||
.jqte_format_1 {
|
||||
font-size:22px
|
||||
}
|
||||
.jqte_format_2 {
|
||||
font-size:20px
|
||||
}
|
||||
.jqte_format_3 {
|
||||
font-size:18px
|
||||
}
|
||||
.jqte_format_4 {
|
||||
font-size:16px
|
||||
}
|
||||
.jqte_format_5 {
|
||||
font-size:14px
|
||||
}
|
||||
.jqte_format_6 {
|
||||
font-size:12px
|
||||
}
|
||||
.jqte_format_7 {
|
||||
font-family:"Courier New", Courier, monospace
|
||||
}
|
||||
|
||||
/* font size menu */
|
||||
.jqte_fontsizes {
|
||||
display:none;
|
||||
position:absolute;
|
||||
width:180px;
|
||||
height:198px;
|
||||
oveflow-x:hidden;
|
||||
overflow-y:auto;
|
||||
background:#FFF;
|
||||
border:#AAA 1px solid;
|
||||
box-shadow:0 0 5px #AAA; -webkit-box-shadow:0 0 5px #AAA; -moz-box-shadow:0 0 5px #AAA
|
||||
}
|
||||
.jqte_fontsize {
|
||||
display:block;
|
||||
padding:3px 7px;
|
||||
}
|
||||
.jqte_fontsize:hover {
|
||||
background:#DDD
|
||||
}
|
||||
|
||||
/* color pallette */
|
||||
.jqte_cpalette {
|
||||
display:none;
|
||||
position:absolute;
|
||||
padding:6px;
|
||||
width:144px;
|
||||
background:#FFF;
|
||||
border:#AAA 1px solid;
|
||||
box-shadow:0 0 5px #AAA; -webkit-box-shadow:0 0 5px #AAA; -moz-box-shadow:0 0 5px #AAA
|
||||
}
|
||||
.jqte_color {
|
||||
display:block;
|
||||
float:left;
|
||||
width:16px;
|
||||
height:16px;
|
||||
border:#FFF 1px solid;
|
||||
}
|
||||
.jqte_color:hover {
|
||||
border-color:#000
|
||||
}
|
||||
.jqte_colorSeperator {
|
||||
float:none;
|
||||
clear:both;
|
||||
height:7px;
|
||||
}
|
||||
|
||||
/* editor area */
|
||||
.jqte_editor, .jqte_source {
|
||||
padding:10px;
|
||||
background:#FFF;
|
||||
min-height:100px;
|
||||
max-height:900px;
|
||||
overflow:auto;
|
||||
outline:none;
|
||||
word-wrap:break-word; -ms-word-wrap:break-word;
|
||||
resize:vertical
|
||||
}
|
||||
.jqte_editor div, .jqte_editor p {
|
||||
margin:0 0 7px
|
||||
}
|
||||
.jqte_editor a:link, .jqte_editor a:link * {
|
||||
color:#0066FF !important;
|
||||
text-decoration:underline;
|
||||
}
|
||||
.jqte_editor blockquote {
|
||||
margin-top:0;
|
||||
margin-bottom:7px
|
||||
}
|
||||
.jqte_editor img {
|
||||
float:left;
|
||||
margin:0 10px 5px 0
|
||||
}
|
||||
.jqte_editor a[jqte-setlink], .jqte_editor a[jqte-setlink] * {
|
||||
background:#3297FD !important;
|
||||
color:#FFF !important
|
||||
}
|
||||
.jqte_editor h1, .jqte_editor h2, .jqte_editor h3, .jqte_editor h4, .jqte_editor h5, .jqte_editor h6, .jqte_editor pre {
|
||||
display:block;
|
||||
margin:0 0 3px;
|
||||
}
|
||||
.jqte_editor h1, .jqte_editor h1 * {
|
||||
font-size:26px
|
||||
}
|
||||
.jqte_editor h2, .jqte_editor h2 * {
|
||||
font-size:24px
|
||||
}
|
||||
.jqte_editor h3, .jqte_editor h3 * {
|
||||
font-size:22px
|
||||
}
|
||||
.jqte_editor h4, .jqte_editor h4 * {
|
||||
font-size:20px
|
||||
}
|
||||
.jqte_editor h5, .jqte_editor h5 * {
|
||||
font-size:18px
|
||||
}
|
||||
.jqte_editor h6, .jqte_editor h6 * {
|
||||
font-size:15px
|
||||
}
|
||||
.jqte_editor pre, .jqte_editor pre * {
|
||||
font-family:"Courier New", Courier, monospace
|
||||
}
|
||||
|
||||
/* source area */
|
||||
.jqte_source, .jqte_source textarea {
|
||||
background:#FFF1E8
|
||||
}
|
||||
.jqte_source textarea {
|
||||
margin:0 !important;
|
||||
padding:0 !important;
|
||||
display:block !important;
|
||||
width:100% !important;
|
||||
min-height:100px;
|
||||
font-family:Courier, Arial, sans-serif !important;
|
||||
font-weight:normal;
|
||||
font-size:15px;
|
||||
overflow:hidden !important;
|
||||
outline:none;
|
||||
resize:none;
|
||||
}
|
||||
.jqte_source textarea, .jqte_source textarea:focus {
|
||||
css_shadow:none !important;
|
||||
background:none !important;
|
||||
border:none !important;
|
||||
}
|
||||
|
||||
/* title box */
|
||||
.jqte_title {
|
||||
display:none;
|
||||
position:absolute;
|
||||
z-index:9999;
|
||||
}
|
||||
.jqte_titleArrow {
|
||||
position:relative;
|
||||
}
|
||||
.jqte_titleArrowIcon {
|
||||
width:7px;
|
||||
height:6px;
|
||||
margin:0 auto;
|
||||
background:url(jquery-te.png) 0 -23px no-repeat;
|
||||
}
|
||||
.jqte_titleText {
|
||||
padding:5px 7px;
|
||||
margin-top:0;
|
||||
min-width:5px;
|
||||
min-height:1px;
|
||||
max-width:400px;
|
||||
background:#000;
|
||||
border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
|
||||
word-wrap:break-word; -ms-word-wrap:break-word
|
||||
}
|
||||
.jqte_titleText, .jqte_titleText * {
|
||||
color:#FFF;
|
||||
font-size:11px
|
||||
}
|
||||
|
||||
/* placeholder */
|
||||
.jqte_placeholder {
|
||||
position:relative;
|
||||
display:none;
|
||||
}
|
||||
.jqte_placeholder_text {
|
||||
position:absolute;
|
||||
top:43px;
|
||||
left:10px;
|
||||
font-size:14px;
|
||||
color:#CCC;
|
||||
}
|
||||
9
src/thirdparty/jQuery-TE_v.1.4.0/jquery-te-1.4.0.min.js
vendored
Normal file
9
src/thirdparty/jQuery-TE_v.1.4.0/jquery-te-1.4.0.min.js
vendored
Normal file
@ -0,0 +1,9 @@
|
||||
/*!
|
||||
*
|
||||
* jQuery TE 1.4.0 , http://jqueryte.com/
|
||||
* Copyright (C) 2013, Fatih Koca (fattih@fattih.com), (http://jqueryte.com/about)
|
||||
|
||||
* jQuery TE is provided under the MIT LICENSE.
|
||||
*
|
||||
*/
|
||||
(function(e){e.fn.jqte=function(t){function l(e,t,n,r,i){var s=f.length+1;return f.push({name:e,cls:s,command:t,key:n,tag:r,emphasis:i})}var n=[{title:"Text Format"},{title:"Font Size"},{title:"Color"},{title:"Bold",hotkey:"B"},{title:"Italic",hotkey:"I"},{title:"Underline",hotkey:"U"},{title:"Ordered List",hotkey:"."},{title:"Unordered List",hotkey:","},{title:"Subscript",hotkey:"down arrow"},{title:"Superscript",hotkey:"up arrow"},{title:"Outdent",hotkey:"left arrow"},{title:"Indent",hotkey:"right arrow"},{title:"Justify Left"},{title:"Justify Center"},{title:"Justify Right"},{title:"Strike Through",hotkey:"K"},{title:"Add Link",hotkey:"L"},{title:"Remove Link"},{title:"Cleaner Style",hotkey:"Delete"},{title:"Horizontal Rule",hotkey:"H"},{title:"Source"}];var r=[["p","Normal"],["h1","Header 1"],["h2","Header 2"],["h3","Header 3"],["h4","Header 4"],["h5","Header 5"],["h6","Header 6"],["pre","Preformatted"]];var i=["10","12","16","18","20","24","28"];var s=["0,0,0","68,68,68","102,102,102","153,153,153","204,204,204","238,238,238","243,243,243","255,255,255",null,"255,0,0","255,153,0","255,255,0","0,255,0","0,255,255","0,0,255","153,0,255","255,0,255",null,"244,204,204","252,229,205","255,242,204","217,234,211","208,224,227","207,226,243","217,210,233","234,209,220","234,153,153","249,203,156","255,229,153","182,215,168","162,196,201","159,197,232","180,167,214","213,166,189","224,102,102","246,178,107","255,217,102","147,196,125","118,165,175","111,168,220","142,124,195","194,123,160","204,0,0","230,145,56","241,194,50","106,168,79","69,129,142","61,133,198","103,78,167","166,77,121","153,0,0","180,95,6","191,144,0","56,118,29","19,79,92","11,83,148","53,28,117","116,27,71","102,0,0","120,63,4","127,96,0","39,78,19","12,52,61","7,55,99","32,18,77","76,17,48"];var o=["Web Address","E-mail Address","Picture URL"];var u=e.extend({status:true,css:"jqte",title:true,titletext:n,button:"OK",format:true,formats:r,fsize:true,fsizes:i,funit:"px",color:true,linktypes:o,b:true,i:true,u:true,ol:true,ul:true,sub:true,sup:true,outdent:true,indent:true,left:true,center:true,right:true,strike:true,link:true,unlink:true,remove:true,rule:true,source:true,placeholder:false,br:true,p:true,change:"",focus:"",blur:""},t);e.fn.jqteVal=function(t){e(this).closest("."+u.css).find("."+u.css+"_editor").html(t)};var a=navigator.userAgent.toLowerCase();if(/msie [1-7]./.test(a))u.title=false;var f=[];l("format","formats","","",false);l("fsize","fSize","","",false);l("color","colors","","",false);l("b","Bold","B",["b","strong"],true);l("i","Italic","I",["i","em"],true);l("u","Underline","U",["u"],true);l("ol","insertorderedlist","¾",["ol"],true);l("ul","insertunorderedlist","¼",["ul"],true);l("sub","subscript","(",["sub"],true);l("sup","superscript","&",["sup"],true);l("outdent","outdent","%",["blockquote"],false);l("indent","indent","'",["blockquote"],true);l("left","justifyLeft","","",false);l("center","justifyCenter","","",false);l("right","justifyRight","","",false);l("strike","strikeThrough","K",["strike"],true);l("link","linkcreator","L",["a"],true);l("unlink","unlink","",["a"],false);l("remove","removeformat",".","",false);l("rule","inserthorizontalrule","H",["hr"],false);l("source","displaysource","","",false);return this.each(function(){function B(){if(window.getSelection)return window.getSelection();else if(document.selection&&document.selection.createRange&&document.selection.type!="None")return document.selection.createRange()}function j(e,t){var n,r=B();if(window.getSelection){if(r.anchorNode&&r.getRangeAt)n=r.getRangeAt(0);if(n){r.removeAllRanges();r.addRange(n)}if(!a.match(/msie/))document.execCommand("StyleWithCSS",false,false);document.execCommand(e,false,t)}else if(document.selection&&document.selection.createRange&&document.selection.type!="None"){n=document.selection.createRange();n.execCommand(e,false,t)}q(false,false)}function F(t,n,r){if(v.not(":focus"))v.focus();if(window.getSelection){var i=B(),s,o,u;if(i.anchorNode&&i.getRangeAt){s=i.getRangeAt(0);o=document.createElement(t);e(o).attr(n,r);u=s.extractContents();o.appendChild(u);s.insertNode(o);i.removeAllRanges();if(n=="style")q(e(o),r);else q(e(o),false)}}else if(document.selection&&document.selection.createRange&&document.selection.type!="None"){var a=document.selection.createRange();var f=a.htmlText;var l="<"+t+" "+n+'="'+r+'">'+f+"</"+t+">";document.selection.createRange().pasteHTML(l)}}function q(e,t){var n=I();n=n?n:e;if(n&&t==false){if(n.parent().is("[style]"))n.attr("style",n.parent().attr("style"));if(n.is("[style]"))n.find("*").attr("style",n.attr("style"))}else if(e&&t&&e.is("[style]")){var r=t.split(";");r=r[0].split(":");if(e.is("[style*="+r[0]+"]"))e.find("*").css(r[0],r[1]);R(e)}}function R(t){if(t){var t=t[0];if(document.body.createTextRange){var n=document.body.createTextRange();n.moveToElementText(t);n.select()}else if(window.getSelection){var r=window.getSelection();var n=document.createRange();if(t!="undefined"&&t!=null){n.selectNodeContents(t);r.removeAllRanges();r.addRange(n);if(e(t).is(":empty")){e(t).append(" ");R(e(t))}}}}}function U(){if(!p.data("sourceOpened")){var t=I();var n="http://";W(true);if(t){var r=t.prop("tagName").toLowerCase();if(r=="a"&&t.is("[href]")){n=t.attr("href");t.attr(S,"")}else F("a",S,"")}else y.val(n).focus();g.click(function(t){if(e(t.target).hasClass(u.css+"_linktypetext")||e(t.target).hasClass(u.css+"_linktypearrow"))X(true)});w.find("a").click(function(){var t=e(this).attr(u.css+"-linktype");w.data("linktype",t);E.find("."+u.css+"_linktypetext").html(w.find("a:eq("+w.data("linktype")+")").text());V(n);X()});V(n);y.focus().val(n).bind("keypress keyup",function(e){if(e.keyCode==13){z(h.find("["+S+"]"));return false}});b.click(function(){z(h.find("["+S+"]"))})}else W(false)}function z(t){y.focus();R(t);t.removeAttr(S);if(w.data("linktype")!="2")j("createlink",y.val());else{j("insertImage",y.val());v.find("img").each(function(){var t=e(this).prev("a");var n=e(this).next("a");if(t.length>0&&t.html()=="")t.remove();else if(n.length>0&&n.html()=="")n.remove()})}W();v.trigger("change")}function W(e){Q("["+S+"]:not([href])");h.find("["+S+"][href]").removeAttr(S);if(e){p.data("linkOpened",true);d.show()}else{p.data("linkOpened",false);d.hide()}X()}function X(e){if(e)w.show();else w.hide()}function V(e){var t=w.data("linktype");if(t=="1"&&(y.val()=="http://"||y.is("[value^=http://]")||!y.is("[value^=mailto]")))y.val("mailto:");else if(t!="1"&&!y.is("[value^=http://]"))y.val("http://");else y.val(e)}function J(t){if(!p.data("sourceOpened")){if(t=="fSize")styleField=P;else if(t=="colors")styleField=H;K(styleField,true);styleField.find("a").unbind("click").click(function(){var n=e(this).attr(u.css+"-styleval");if(t=="fSize"){styleType="font-size";n=n+u.funit}else if(t=="colors"){styleType="color";n="rgb("+n+")"}var r=G(styleType);F("span","style",styleType+":"+n+";"+r);K("",false);e("."+u.css+"_title").remove();v.trigger("change")})}else K(styleField,false);W(false)}function K(e,t){var n="",r=[{d:"fsizeOpened",f:P},{d:"cpallOpened",f:H}];if(e!=""){for(var i=0;i<r.length;i++){if(e==r[i]["f"])n=r[i]}}if(t){p.data(n["d"],true);n["f"].slideDown(100);for(var i=0;i<r.length;i++){if(n["d"]!=r[i]["d"]){p.data(r[i]["d"],false);r[i]["f"].slideUp(100)}}}else{for(var i=0;i<r.length;i++){p.data(r[i]["d"],false);r[i]["f"].slideUp(100)}}}function Q(t){h.find(t).each(function(){e(this).before(e(this).html()).remove()})}function G(e){var t=I();if(t&&t.is("[style]")&&t.css(e)!=""){var n=t.css(e);t.css(e,"");var r=t.attr("style");t.css(e,n);return r}else return""}function Y(){Z(true);D.find("a").click(function(){e("*",this).click(function(e){e.preventDefault();return false});et(e(this).text());var t=e(this).attr(u.css+"-formatval");j("formatBlock","<"+t+">");Z(false)})}function Z(e){var t=e?true:false;t=e&&D.data("status")?true:false;if(t||!e)D.data("status",false).slideUp(200);else D.data("status",true).slideDown(200)}function et(e){var t=D.closest("."+u.css+"_tool").find("."+u.css+"_tool_label").find("."+u.css+"_tool_text");if(e.length>10)e=e.substr(0,7)+"...";t.html(e)}function tt(e){var t,n,r;t=e.replace(/\n/gim,"").replace(/\r/gim,"").replace(/\t/gim,"").replace(/ /gim," ");n=[/\<span(|\s+.*?)><span(|\s+.*?)>(.*?)<\/span><\/span>/gim,/<(\w*[^p])\s*[^\/>]*>\s*<\/\1>/gim,/\<div(|\s+.*?)>(.*?)\<\/div>/gim,/\<strong(|\s+.*?)>(.*?)\<\/strong>/gim,/\<em(|\s+.*?)>(.*?)\<\/em>/gim];r=["<span$2>$3</span>","","<p$1>$2</p>","<b$1>$2</b>","<i$1>$2</i>"];for(A=0;A<5;A++){for(var i=0;i<n.length;i++){t=t.replace(n[i],r[i])}}if(!u.p)t=t.replace(/\<p(|\s+.*?)>(.*?)\<\/p>/ig,"<br/>$2");if(!u.br){n=[/\<br>(.*?)/ig,/\<br\/>(.*?)/ig];r=["<p>$1</p>","<p>$1</p>"];for(var i=0;i<n.length;i++){t=t.replace(n[i],r[i])}}if(!u.p&&!u.br)t=t.replace(/\<p>(.*?)\<\/p>/ig,"<div>$1</div>");return t}function nt(){var e=v.text()==""&&v.html().length<12?"":v.html();l.val(tt(e))}function rt(){v.html(tt(l.val()))}function it(t){var n=false,r=I(),i;if(r){e.each(t,function(t,s){i=r.prop("tagName").toLowerCase();if(i==s)n=true;else{r.parents().each(function(){i=e(this).prop("tagName").toLowerCase();if(i==s)n=true})}});return n}else return false}function st(t){for(var n=0;n<f.length;n++){if(u[f[n].name]&&f[n].emphasis&&f[n].tag!="")it(f[n].tag)?p.find("."+u.css+"_tool_"+f[n].cls).addClass(m):e("."+u.css+"_tool_"+f[n].cls).removeClass(m)}if(u.format&&e.isArray(u.formats)){var r=false;for(var i=0;i<u.formats.length;i++){var s=[];s[0]=u.formats[i][0];if(u.formats[i][0].length>0&&it(s)){et(u.formats[i][1]);r=true;break}}if(!r)et(u.formats[0][1])}K("",false);Z(false)}if(!e(this).data("jqte")||e(this).data("jqte")==null||e(this).data("jqte")=="undefined")e(this).data("jqte",true);else e(this).data("jqte",false);if(!u.status||!e(this).data("jqte")){if(e(this).closest("."+u.css).length>0){var t=e(this).closest("."+u.css).find("."+u.css+"_editor").html();var n="";e(e(this)[0].attributes).each(function(){if(this.nodeName!="style")n=n+" "+this.nodeName+'="'+this.nodeValue+'"'});var r=e(this).is("[data-origin]")&&e(this).attr("data-origin")!=""?e(this).attr("data-origin"):"textarea";var i=">"+t;if(r=="input"||r=="option"){t=t.replace(/"/g,""").replace(/'/g,"'").replace(/</g,"<").replace(/>/g,">");i='value="'+t+'">'}var o=e(this).clone();e(this).data("jqte",false).closest("."+u.css).before(o).remove();o.replaceWith("<"+r+n+i+"</"+r+">")}return}var l=e(this);var r=e(this).prop("tagName").toLowerCase();e(this).attr("data-origin",r);var c=e(this).is("[value]")||r=="textarea"?e(this).val():e(this).html();c=c.replace(/"/g,'"').replace(/'/g,"'").replace(/</g,"<").replace(/>/g,">").replace(/&/g,"&");e(this).after('<div class="'+u.css+'"></div>');var h=e(this).next("."+u.css);h.html('<div class="'+u.css+"_toolbar"+'" role="toolbar" unselectable></div><div class="'+u.css+'_linkform" style="display:none" role="dialog"></div><div class="'+u.css+"_editor"+'"></div>');var p=h.find("."+u.css+"_toolbar");var d=h.find("."+u.css+"_linkform");var v=h.find("."+u.css+"_editor");var m=u.css+"_tool_depressed";d.append('<div class="'+u.css+'_linktypeselect" unselectable></div><input class="'+u.css+'_linkinput" type="text/css" value=""><div class="'+u.css+'_linkbutton" unselectable>'+u.button+'</div> <div style="height:1px;float:none;clear:both"></div>');var g=d.find("."+u.css+"_linktypeselect");var y=d.find("."+u.css+"_linkinput");var b=d.find("."+u.css+"_linkbutton");g.append('<div class="'+u.css+'_linktypeview" unselectable></div><div class="'+u.css+'_linktypes" role="menu" unselectable></div>');var w=g.find("."+u.css+"_linktypes");var E=g.find("."+u.css+"_linktypeview");var S=u.css+"-setlink";v.after('<div class="'+u.css+"_source "+u.css+'_hiddenField"></div>');var x=h.find("."+u.css+"_source");l.appendTo(x);if(r!="textarea"){var n="";e(l[0].attributes).each(function(){if(this.nodeName!="type"&&this.nodeName!="value")n=n+" "+this.nodeName+'="'+this.nodeValue+'"'});l.replaceWith("<textarea "+n+">"+c+"</textarea>");l=x.find("textarea")}v.attr("contenteditable","true").html(c);for(var T=0;T<f.length;T++){if(u[f[T].name]){var N=f[T].key.length>0?u.titletext[T].hotkey!=null&&u.titletext[T].hotkey!="undefined"&&u.titletext[T].hotkey!=""?" (Ctrl+"+u.titletext[T].hotkey+")":"":"";var C=u.titletext[T].title!=null&&u.titletext[T].title!="undefined"&&u.titletext[T].title!=""?u.titletext[T].title+N:"";p.append('<div class="'+u.css+"_tool "+u.css+"_tool_"+f[T].cls+'" role="button" data-tool="'+T+'" unselectable><a class="'+u.css+'_tool_icon" unselectable></a></div>');p.find("."+u.css+"_tool[data-tool="+T+"]").data({tag:f[T].tag,command:f[T].command,emphasis:f[T].emphasis,title:C});if(f[T].name=="format"&&e.isArray(u.formats)){var k=u.formats[0][1].length>0&&u.formats[0][1]!="undefined"?u.formats[0][1]:"";p.find("."+u.css+"_tool_"+f[T].cls).find("."+u.css+"_tool_icon").replaceWith('<a class="'+u.css+'_tool_label" unselectable><span class="'+u.css+'_tool_text" unselectable>'+k+'</span><span class="'+u.css+'_tool_icon" unselectable></span></a>');p.find("."+u.css+"_tool_"+f[T].cls).append('<div class="'+u.css+'_formats" unselectable></div>');for(var L=0;L<u.formats.length;L++){p.find("."+u.css+"_formats").append("<a "+u.css+'-formatval="'+u.formats[L][0]+'" class="'+u.css+"_format"+" "+u.css+"_format_"+L+'" role="menuitem" unselectable>'+u.formats[L][1]+"</a>")}p.find("."+u.css+"_formats").data("status",false)}else if(f[T].name=="fsize"&&e.isArray(u.fsizes)){p.find("."+u.css+"_tool_"+f[T].cls).append('<div class="'+u.css+'_fontsizes" unselectable></div>');for(var L=0;L<u.fsizes.length;L++){p.find("."+u.css+"_fontsizes").append("<a "+u.css+'-styleval="'+u.fsizes[L]+'" class="'+u.css+"_fontsize"+'" style="font-size:'+u.fsizes[L]+u.funit+'" role="menuitem" unselectable>Abcdefgh...</a>')}}else if(f[T].name=="color"&&e.isArray(s)){p.find("."+u.css+"_tool_"+f[T].cls).append('<div class="'+u.css+'_cpalette" unselectable></div>');for(var A=0;A<s.length;A++){if(s[A]!=null)p.find("."+u.css+"_cpalette").append("<a "+u.css+'-styleval="'+s[A]+'" class="'+u.css+"_color"+'" style="background-color: rgb('+s[A]+')" role="gridcell" unselectable></a>');else p.find("."+u.css+"_cpalette").append('<div class="'+u.css+"_colorSeperator"+'"></div>')}}}}w.data("linktype","0");for(var T=0;T<3;T++){w.append("<a "+u.css+'-linktype="'+T+'" unselectable>'+u.linktypes[T]+"</a>");E.html('<div class="'+u.css+'_linktypearrow" unselectable></div><div class="'+u.css+'_linktypetext">'+w.find("a:eq("+w.data("linktype")+")").text()+"</div>")}var O="";if(/msie/.test(a))O="-ms-";else if(/chrome/.test(a)||/safari/.test(a)||/yandex/.test(a))O="-webkit-";else if(/mozilla/.test(a))O="-moz-";else if(/opera/.test(a))O="-o-";else if(/konqueror/.test(a))O="-khtml-";else O="";if(u.placeholder&&u.placeholder!=""){h.prepend('<div class="'+u.css+'_placeholder" unselectable><div class="'+u.css+'_placeholder_text">'+u.placeholder+"</div></div>");var M=h.find("."+u.css+"_placeholder");M.click(function(){v.focus()})}h.find("[unselectable]").css(O+"user-select","none").addClass("unselectable").attr("unselectable","on").on("selectstart mousedown",false);var _=p.find("."+u.css+"_tool");var D=p.find("."+u.css+"_formats");var P=p.find("."+u.css+"_fontsizes");var H=p.find("."+u.css+"_cpalette");var I=function(){var t,n;if(window.getSelection){n=getSelection();t=n.anchorNode}if(!t&&document.selection&&document.selection.createRange&&document.selection.type!="None"){n=document.selection;var r=n.getRangeAt?n.getRangeAt(0):n.createRange();t=r.commonAncestorContainer?r.commonAncestorContainer:r.parentElement?r.parentElement():r.item(0)}if(t){return t.nodeName=="#text"?e(t.parentNode):e(t)}else return false};_.unbind("click").click(function(t){if(e(this).data("command")=="displaysource"&&!p.data("sourceOpened")){p.find("."+u.css+"_tool").addClass(u.css+"_hiddenField");e(this).removeClass(u.css+"_hiddenField");p.data("sourceOpened",true);l.css("height",v.outerHeight());x.removeClass(u.css+"_hiddenField");v.addClass(u.css+"_hiddenField");l.focus();W(false);K("",false);Z();if(u.placeholder&&u.placeholder!="")M.hide()}else{if(!p.data("sourceOpened")){if(e(this).data("command")=="linkcreator"){if(!p.data("linkOpened"))U();else{W(false);Z(false)}}else if(e(this).data("command")=="formats"){if(e(this).data("command")=="formats"&&!e(t.target).hasClass(u.css+"_format"))Y();K("",false);if(v.not(":focus"))v.focus()}else if(e(this).data("command")=="fSize"||e(this).data("command")=="colors"){if(e(this).data("command")=="fSize"&&!e(t.target).hasClass(u.css+"_fontsize")||e(this).data("command")=="colors"&&!e(t.target).hasClass(u.css+"_color"))J(e(this).data("command"));Z(false);if(v.not(":focus"))v.focus()}else{if(v.not(":focus"))v.focus();j(e(this).data("command"),null);K("",false);Z(false);X();e(this).data("emphasis")==true&&!e(this).hasClass(m)?e(this).addClass(m):e(this).removeClass(m);x.addClass(u.css+"_hiddenField");v.removeClass(u.css+"_hiddenField")}}else{p.data("sourceOpened",false);p.find("."+u.css+"_tool").removeClass(u.css+"_hiddenField");x.addClass(u.css+"_hiddenField");v.removeClass(u.css+"_hiddenField")}if(u.placeholder&&u.placeholder!="")v.html()!=""?M.hide():M.show()}v.trigger("change")}).hover(function(t){if(u.title&&e(this).data("title")!=""&&(e(t.target).hasClass(u.css+"_tool")||e(t.target).hasClass(u.css+"_tool_icon"))){e("."+u.css+"_title").remove();h.append('<div class="'+u.css+'_title"><div class="'+u.css+'_titleArrow"><div class="'+u.css+'_titleArrowIcon"></div></div><div class="'+u.css+'_titleText">'+e(this).data("title")+"</div></div>");var n=e("."+u.css+"_title:first");var r=n.find("."+u.css+"_titleArrowIcon");var i=e(this).position();var s=i.left+e(this).outerWidth()-n.outerWidth()/2-e(this).outerWidth()/2;var o=i.top+e(this).outerHeight()+5;n.delay(400).css({top:o,left:s}).fadeIn(200)}},function(){e("."+u.css+"_title").remove()});var ot=null;v.bind("keypress keyup keydown drop cut copy paste DOMCharacterDataModified DOMSubtreeModified",function(){if(!p.data("sourceOpened"))e(this).trigger("change");X();if(e.isFunction(u.change))u.change();if(u.placeholder&&u.placeholder!="")e(this).text()!=""?M.hide():M.show()}).bind("change",function(){if(!p.data("sourceOpened")){clearTimeout(ot);ot=setTimeout(nt,10)}}).keydown(function(e){if(e.ctrlKey){for(var t=0;t<f.length;t++){if(u[f[t].name]&&e.keyCode==f[t].key.charCodeAt(0)){if(f[t].command!=""&&f[t].command!="linkcreator")j(f[t].command,null);else if(f[t].command=="linkcreator")U();return false}}}}).bind("mouseup keyup",st).focus(function(){if(e.isFunction(u.focus))u.focus();h.addClass(u.css+"_focused");if(/opera/.test(a)){var t=document.createRange();t.selectNodeContents(v[0]);t.collapse(false);var n=window.getSelection();n.removeAllRanges();n.addRange(t)}}).focusout(function(){_.removeClass(m);K("",false);Z(false);X();if(e.isFunction(u.blur))u.blur();h.removeClass(u.css+"_focused");if(e.isArray(u.formats))et(u.formats[0][1])});l.bind("keydown keyup",function(){setTimeout(rt,0);e(this).height(e(this)[0].scrollHeight);if(e(this).val()=="")e(this).height(0)}).focus(function(){h.addClass(u.css+"_focused")}).focusout(function(){h.removeClass(u.css+"_focused")})})}})(jQuery)
|
||||
BIN
src/thirdparty/jQuery-TE_v.1.4.0/jquery-te.png
vendored
Normal file
BIN
src/thirdparty/jQuery-TE_v.1.4.0/jquery-te.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
6
src/thirdparty/jQuery-TE_v.1.4.0/license/AUTHOR.txt
vendored
Normal file
6
src/thirdparty/jQuery-TE_v.1.4.0/license/AUTHOR.txt
vendored
Normal file
@ -0,0 +1,6 @@
|
||||
AUTHOR
|
||||
|
||||
jQuery TE 1.4.0 , http://jqueryte.com/
|
||||
Copyright (C) 2013, Fatih Koca (fattih@fattih.com), (http://jqueryte.com/about)
|
||||
|
||||
jQuery TE is provided under the MIT LICENSE.
|
||||
7
src/thirdparty/jQuery-TE_v.1.4.0/license/MIT-LICENSE.txt
vendored
Normal file
7
src/thirdparty/jQuery-TE_v.1.4.0/license/MIT-LICENSE.txt
vendored
Normal file
@ -0,0 +1,7 @@
|
||||
Copyright (C) 2013 jQueryTE, Fatih Koca (fattih@fattih.com), http://jqueryte.com/license.
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (jQueryTE), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED"AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
1347
src/thirdparty/jQuery-TE_v.1.4.0/uncompressed/jquery-te-1.4.0.js
vendored
Normal file
1347
src/thirdparty/jQuery-TE_v.1.4.0/uncompressed/jquery-te-1.4.0.js
vendored
Normal file
@ -0,0 +1,1347 @@
|
||||
/*!
|
||||
*
|
||||
* jQuery TE 1.4.0 , http://jqueryte.com/
|
||||
* Copyright (C) 2013, Fatih Koca (fattih@fattih.com), (http://jqueryte.com/about)
|
||||
|
||||
* jQuery TE is provided under the MIT LICENSE.
|
||||
*
|
||||
*/
|
||||
|
||||
(function($){
|
||||
$.fn.jqte = function(options){
|
||||
|
||||
// default titles of buttons
|
||||
var varsTitle = [
|
||||
{title:"Text Format"},
|
||||
{title:"Font Size"},
|
||||
{title:"Color"},
|
||||
{title:"Bold",hotkey:"B"},
|
||||
{title:"Italic",hotkey:"I"},
|
||||
{title:"Underline",hotkey:"U"},
|
||||
{title:"Ordered List",hotkey:"."},
|
||||
{title:"Unordered List",hotkey:","},
|
||||
{title:"Subscript",hotkey:"down arrow"},
|
||||
{title:"Superscript",hotkey:"up arrow"},
|
||||
{title:"Outdent",hotkey:"left arrow"},
|
||||
{title:"Indent",hotkey:"right arrow"},
|
||||
{title:"Justify Left"},
|
||||
{title:"Justify Center"},
|
||||
{title:"Justify Right"},
|
||||
{title:"Strike Through",hotkey:"K"},
|
||||
{title:"Add Link",hotkey:"L"},
|
||||
{title:"Remove Link"},
|
||||
{title:"Cleaner Style",hotkey:"Delete"},
|
||||
{title:"Horizontal Rule",hotkey:"H"},
|
||||
{title:"Source"}
|
||||
];
|
||||
|
||||
// default text formats
|
||||
var formats = [["p","Normal"],["h1","Header 1"],["h2","Header 2"],["h3","Header 3"],["h4","Header 4"],["h5","Header 5"],["h6","Header 6"],["pre","Preformatted"]];
|
||||
|
||||
// default font sizes
|
||||
var fsizes = ["10","12","16","18","20","24","28"];
|
||||
|
||||
// default rgb values of colors
|
||||
var colors = [
|
||||
"0,0,0","68,68,68","102,102,102","153,153,153","204,204,204","238,238,238","243,243,243","255,255,255",
|
||||
null,
|
||||
"255,0,0","255,153,0","255,255,0","0,255,0","0,255,255","0,0,255","153,0,255","255,0,255",
|
||||
null,
|
||||
"244,204,204","252,229,205","255,242,204","217,234,211","208,224,227","207,226,243","217,210,233","234,209,220",
|
||||
"234,153,153","249,203,156","255,229,153","182,215,168","162,196,201","159,197,232","180,167,214","213,166,189",
|
||||
"224,102,102","246,178,107","255,217,102","147,196,125","118,165,175","111,168,220","142,124,195","194,123,160",
|
||||
"204,0,0","230,145,56","241,194,50","106,168,79","69,129,142","61,133,198","103,78,167","166,77,121",
|
||||
"153,0,0","180,95,6","191,144,0","56,118,29","19,79,92","11,83,148","53,28,117","116,27,71",
|
||||
"102,0,0","120,63,4","127,96,0","39,78,19","12,52,61","7,55,99","32,18,77","76,17,48"
|
||||
];
|
||||
|
||||
// default link-type names
|
||||
var linktypes = ["Web Address","E-mail Address","Picture URL"];
|
||||
|
||||
var vars = $.extend({
|
||||
// options
|
||||
'status' : true,
|
||||
'css' : "jqte",
|
||||
'title' : true,
|
||||
'titletext' : varsTitle,
|
||||
'button' : "OK",
|
||||
'format' : true,
|
||||
'formats' : formats,
|
||||
'fsize' : true,
|
||||
'fsizes' : fsizes,
|
||||
'funit' : "px",
|
||||
'color' : true,
|
||||
'linktypes' : linktypes,
|
||||
'b' : true,
|
||||
'i' : true,
|
||||
'u' : true,
|
||||
'ol' : true,
|
||||
'ul' : true,
|
||||
'sub' : true,
|
||||
'sup' : true,
|
||||
'outdent' : true,
|
||||
'indent' : true,
|
||||
'left' : true,
|
||||
'center' : true,
|
||||
'right' : true,
|
||||
'strike' : true,
|
||||
'link' : true,
|
||||
'unlink' : true,
|
||||
'remove' : true,
|
||||
'rule' : true,
|
||||
'source' : true,
|
||||
'placeholder' : false,
|
||||
'br' : true,
|
||||
'p' : true,
|
||||
|
||||
// events
|
||||
'change' : "",
|
||||
'focus' : "",
|
||||
'blur' : ""
|
||||
}, options);
|
||||
|
||||
// methods
|
||||
$.fn.jqteVal = function(value){
|
||||
$(this).closest("."+vars.css).find("."+vars.css+"_editor").html(value);
|
||||
}
|
||||
|
||||
// browser information is received
|
||||
var thisBrowser = navigator.userAgent.toLowerCase();
|
||||
|
||||
// if browser is ie and it version is 7 or even older, close title property
|
||||
if(/msie [1-7]./.test(thisBrowser))
|
||||
vars.title = false;
|
||||
|
||||
var buttons = [];
|
||||
|
||||
// insertion function for parameters to toolbar
|
||||
function addParams(name,command,key,tag,emphasis)
|
||||
{
|
||||
var thisCssNo = buttons.length+1;
|
||||
return buttons.push({name:name, cls:thisCssNo, command:command, key:key, tag:tag, emphasis:emphasis});
|
||||
};
|
||||
|
||||
// add parameters for toolbar buttons
|
||||
addParams('format','formats','','',false); // text format button --> no hotkey
|
||||
addParams('fsize','fSize','','',false); // font size button --> no hotkey
|
||||
addParams('color','colors','','',false); // text color button --> no hotkey
|
||||
addParams('b','Bold','B',["b","strong"],true); // bold --> ctrl + b
|
||||
addParams('i','Italic','I',["i","em"],true); // italic --> ctrl + i
|
||||
addParams('u','Underline','U',["u"],true); // underline --> ctrl + u
|
||||
addParams('ol','insertorderedlist','¾',["ol"],true); // ordered list --> ctrl + .(dot)
|
||||
addParams('ul','insertunorderedlist','¼',["ul"],true); // unordered list --> ctrl + ,(comma)
|
||||
addParams('sub','subscript','(',["sub"],true); // sub script --> ctrl + down arrow
|
||||
addParams('sup','superscript','&',["sup"],true); // super script --> ctrl + up arrow
|
||||
addParams('outdent','outdent','%',["blockquote"],false); // outdent --> ctrl + left arrow
|
||||
addParams('indent','indent','\'',["blockquote"],true); // indent --> ctrl + right arrow
|
||||
addParams('left','justifyLeft','','',false); // justify Left --> no hotkey
|
||||
addParams('center','justifyCenter','','',false); // justify center --> no hotkey
|
||||
addParams('right','justifyRight','','',false); // justify right --> no hotkey
|
||||
addParams('strike','strikeThrough','K',["strike"],true); // strike through --> ctrl + K
|
||||
addParams('link','linkcreator','L',["a"],true); // insertion link --> ctrl + L
|
||||
addParams('unlink','unlink','',["a"],false); // remove link --> ctrl + N
|
||||
addParams('remove','removeformat','.','',false); // remove all styles --> ctrl + delete
|
||||
addParams('rule','inserthorizontalrule','H',["hr"],false); // insertion horizontal rule --> ctrl + H
|
||||
addParams('source','displaysource','','',false); // feature of displaying source
|
||||
|
||||
return this.each(function(){
|
||||
if(!$(this).data("jqte") || $(this).data("jqte")==null || $(this).data("jqte")=="undefined")
|
||||
$(this).data("jqte",true);
|
||||
else
|
||||
$(this).data("jqte",false);
|
||||
|
||||
// is the status false of the editor
|
||||
if(!vars.status || !$(this).data("jqte"))
|
||||
{
|
||||
// if wanting the false status later
|
||||
if($(this).closest("."+vars.css).length>0)
|
||||
{
|
||||
var editorValue = $(this).closest("."+vars.css).find("."+vars.css+"_editor").html();
|
||||
|
||||
// add all attributes of element
|
||||
var thisElementAttrs = "";
|
||||
|
||||
$($(this)[0].attributes).each(function()
|
||||
{
|
||||
if(this.nodeName!="style")
|
||||
thisElementAttrs = thisElementAttrs+" "+this.nodeName+'="'+this.nodeValue+'"';
|
||||
});
|
||||
|
||||
var thisElementTag = $(this).is("[data-origin]") && $(this).attr("data-origin")!="" ? $(this).attr("data-origin") : "textarea";
|
||||
|
||||
// the contents of this element
|
||||
var createValue = '>'+editorValue;
|
||||
|
||||
// if this element is input or option
|
||||
if(thisElementTag=="input" || thisElementTag=="option")
|
||||
{
|
||||
// encode special html characters
|
||||
editorValue = editorValue.replace(/"/g,'"').replace(/'/g,''').replace(/</g,'<').replace(/>/g,'>');
|
||||
|
||||
// the value of this element
|
||||
createValue = 'value="'+editorValue+'">';
|
||||
}
|
||||
|
||||
var thisClone = $(this).clone();
|
||||
|
||||
$(this).data("jqte",false).closest("."+vars.css).before(thisClone).remove();
|
||||
thisClone.replaceWith('<'+ thisElementTag + thisElementAttrs + createValue + '</'+thisElementTag+'>');
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
// element will converted to the jqte editor
|
||||
var thisElement = $(this);
|
||||
|
||||
// tag name of the element
|
||||
var thisElementTag = $(this).prop('tagName').toLowerCase();
|
||||
|
||||
// tag name of origin
|
||||
$(this).attr("data-origin",thisElementTag);
|
||||
|
||||
// contents of the element
|
||||
var thisElementVal = $(this).is("[value]") || thisElementTag == "textarea" ? $(this).val() : $(this).html();
|
||||
|
||||
// decode special html characters
|
||||
thisElementVal = thisElementVal.replace(/"/g,'"').replace(/'/g,"'").replace(/</g,'<').replace(/>/g,'>').replace(/&/g,'&');
|
||||
|
||||
// start jqte editor to after the element
|
||||
$(this).after('<div class="'+vars.css+'"></div>');
|
||||
|
||||
// jqte
|
||||
var jQTE = $(this).next('.'+vars.css);
|
||||
|
||||
// insert toolbar in jqte editor
|
||||
jQTE.html('<div class="'+vars.css+"_toolbar"+'" role="toolbar" unselectable></div><div class="'+vars.css+'_linkform" style="display:none" role="dialog"></div><div class="'+vars.css+"_editor"+'"></div>');
|
||||
|
||||
var toolbar = jQTE.find('.'+vars.css+"_toolbar"); // the toolbar variable
|
||||
var linkform = jQTE.find('.'+vars.css+"_linkform"); // the link-form-area in the toolbar variable
|
||||
var editor = jQTE.find('.'+vars.css+"_editor"); // the text-field of jqte editor
|
||||
var emphasize = vars.css+"_tool_depressed"; // highlight style of the toolbar buttons
|
||||
|
||||
// add to some tools in link form area
|
||||
linkform.append('<div class="'+vars.css+'_linktypeselect" unselectable></div><input class="'+vars.css+'_linkinput" type="text/css" value=""><div class="'+vars.css+'_linkbutton" unselectable>'+vars.button+'</div> <div style="height:1px;float:none;clear:both"></div>');
|
||||
|
||||
var linktypeselect = linkform.find("."+vars.css+"_linktypeselect"); // the tool of link-type-selector
|
||||
var linkinput = linkform.find("."+vars.css+"_linkinput"); // the input of insertion link
|
||||
var linkbutton = linkform.find("."+vars.css+"_linkbutton"); // the button of insertion link
|
||||
|
||||
// add to the link-type-selector sub tool parts
|
||||
linktypeselect.append('<div class="'+vars.css+'_linktypeview" unselectable></div><div class="'+vars.css+'_linktypes" role="menu" unselectable></div>');
|
||||
|
||||
var linktypes = linktypeselect.find("."+vars.css+"_linktypes"); // the select box of link types
|
||||
var linktypeview = linktypeselect.find("."+vars.css+"_linktypeview"); // the link type preview
|
||||
var setdatalink = vars.css+"-setlink"; // the selected text add to mark as "link will be added"
|
||||
|
||||
// create to the source-area
|
||||
editor.after('<div class="'+vars.css+'_source '+vars.css+'_hiddenField"></div>');
|
||||
|
||||
var sourceField = jQTE.find("."+vars.css+"_source"); // the source-area variable
|
||||
|
||||
// move the element to the source-area
|
||||
thisElement.appendTo(sourceField);
|
||||
|
||||
// if the element isn't a textarea, convert this to textarea
|
||||
if(thisElementTag!="textarea")
|
||||
{
|
||||
// add all attributes of element to new textarea (type and value except)
|
||||
var thisElementAttrs = "";
|
||||
|
||||
$(thisElement[0].attributes).each(function(){
|
||||
if(this.nodeName!="type" && this.nodeName!="value")
|
||||
thisElementAttrs = thisElementAttrs+" "+this.nodeName+'="'+this.nodeValue+'"';
|
||||
});
|
||||
|
||||
// convert the element to textarea
|
||||
thisElement.replaceWith('<textarea '+thisElementAttrs+'>'+thisElementVal+'</textarea>');
|
||||
|
||||
// update to variable of thisElement
|
||||
thisElement = sourceField.find("textarea");
|
||||
}
|
||||
|
||||
// add feature editable to the text-field ve copy from the element's value to text-field
|
||||
editor.attr("contenteditable","true").html(thisElementVal);
|
||||
|
||||
// insertion the toolbar button
|
||||
for(var n = 0; n < buttons.length; n++)
|
||||
{
|
||||
// if setting of this button is activated (is it true?)
|
||||
if(vars[buttons[n].name])
|
||||
{
|
||||
// if it have a title, add to this button
|
||||
var buttonHotkey = buttons[n].key.length>0 ? vars.titletext[n].hotkey!=null && vars.titletext[n].hotkey!="undefined" && vars.titletext[n].hotkey!="" ? ' (Ctrl+'+vars.titletext[n].hotkey+')' : '' : '';
|
||||
var buttonTitle = vars.titletext[n].title!=null && vars.titletext[n].title!="undefined" && vars.titletext[n].title!="" ? vars.titletext[n].title+buttonHotkey : '';
|
||||
|
||||
// add this button to the toolbar
|
||||
toolbar.append('<div class="'+vars.css+'_tool '+vars.css+'_tool_'+buttons[n].cls+'" role="button" data-tool="'+n+'" unselectable><a class="'+vars.css+'_tool_icon" unselectable></a></div>');
|
||||
|
||||
// add the parameters to this button
|
||||
toolbar.find('.'+vars.css+'_tool[data-tool='+n+']').data({tag : buttons[n].tag, command : buttons[n].command, emphasis : buttons[n].emphasis, title : buttonTitle});
|
||||
|
||||
// format-selector field
|
||||
if(buttons[n].name=="format" && $.isArray(vars.formats))
|
||||
{
|
||||
// selected text format
|
||||
var toolLabel = vars.formats[0][1].length>0 && vars.formats[0][1]!="undefined" ? vars.formats[0][1] : "";
|
||||
|
||||
toolbar.find("."+vars.css+'_tool_'+buttons[n].cls).find("."+vars.css+"_tool_icon").replaceWith('<a class="'+vars.css+'_tool_label" unselectable><span class="'+vars.css+'_tool_text" unselectable>'+toolLabel+'</span><span class="'+vars.css+'_tool_icon" unselectable></span></a>');
|
||||
|
||||
toolbar.find("."+vars.css+'_tool_'+buttons[n].cls)
|
||||
.append('<div class="'+vars.css+'_formats" unselectable></div>');
|
||||
|
||||
// add font-sizes to font-size-selector
|
||||
for(var f = 0; f < vars.formats.length; f++)
|
||||
{
|
||||
toolbar.find("."+vars.css+"_formats").append('<a '+vars.css+'-formatval="'+ vars.formats[f][0] +'" class="'+vars.css+'_format'+' '+vars.css+'_format_'+f+'" role="menuitem" unselectable>'+ vars.formats[f][1] +'</a>');
|
||||
}
|
||||
|
||||
toolbar.find("."+vars.css+"_formats").data("status",false);
|
||||
}
|
||||
|
||||
// font-size-selector field
|
||||
else if(buttons[n].name=="fsize" && $.isArray(vars.fsizes))
|
||||
{
|
||||
toolbar.find("."+vars.css+'_tool_'+buttons[n].cls)
|
||||
.append('<div class="'+vars.css+'_fontsizes" unselectable></div>');
|
||||
|
||||
// add font-sizes to font-size-selector
|
||||
for(var f = 0; f < vars.fsizes.length; f++)
|
||||
{
|
||||
toolbar.find("."+vars.css+"_fontsizes").append('<a '+vars.css+'-styleval="'+ vars.fsizes[f] +'" class="'+vars.css+'_fontsize'+'" style="font-size:'+ vars.fsizes[f] + vars.funit+'" role="menuitem" unselectable>Abcdefgh...</a>');
|
||||
}
|
||||
}
|
||||
|
||||
// color-selector field
|
||||
else if(buttons[n].name=="color" && $.isArray(colors))
|
||||
{
|
||||
toolbar.find("."+vars.css+'_tool_'+buttons[n].cls)
|
||||
.append('<div class="'+vars.css+'_cpalette" unselectable></div>');
|
||||
|
||||
// create color palette to color-selector field
|
||||
for(var c = 0; c < colors.length; c++)
|
||||
{
|
||||
if(colors[c]!=null)
|
||||
toolbar.find("."+vars.css+"_cpalette").append('<a '+vars.css+'-styleval="'+ colors[c] +'" class="'+vars.css+'_color'+'" style="background-color: rgb('+ colors[c] +')" role="gridcell" unselectable></a>');
|
||||
else
|
||||
toolbar.find("."+vars.css+"_cpalette").append('<div class="'+vars.css+"_colorSeperator"+'"></div>');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// the default value of the link-type
|
||||
linktypes.data("linktype","0");
|
||||
|
||||
// add link types to link-type-selector
|
||||
for(var n = 0; n < 3; n++)
|
||||
{
|
||||
linktypes.append('<a '+vars.css+'-linktype="'+n+'" unselectable>'+vars.linktypes[n]+'</a>');
|
||||
|
||||
linktypeview.html('<div class="'+vars.css+'_linktypearrow" unselectable></div><div class="'+vars.css+'_linktypetext">'+linktypes.find('a:eq('+linktypes.data("linktype")+')').text()+'</div>');
|
||||
}
|
||||
|
||||
// add the prefix of css according to browser
|
||||
var prefixCss = "";
|
||||
|
||||
if(/msie/.test(thisBrowser)) // ie
|
||||
prefixCss = '-ms-';
|
||||
else if(/chrome/.test(thisBrowser) || /safari/.test(thisBrowser) || /yandex/.test(thisBrowser)) // webkit group (safari, chrome, yandex)
|
||||
prefixCss = '-webkit-';
|
||||
else if(/mozilla/.test(thisBrowser)) // firefox
|
||||
prefixCss = '-moz-';
|
||||
else if(/opera/.test(thisBrowser)) // opera
|
||||
prefixCss = '-o-';
|
||||
else if(/konqueror/.test(thisBrowser)) // konqueror
|
||||
prefixCss = '-khtml-';
|
||||
else
|
||||
prefixCss = '';
|
||||
|
||||
// the feature of placeholder
|
||||
if(vars.placeholder && vars.placeholder!="")
|
||||
{
|
||||
jQTE.prepend('<div class="'+vars.css+'_placeholder" unselectable><div class="'+vars.css+'_placeholder_text">'+vars.placeholder+'</div></div>');
|
||||
|
||||
var placeHolder = jQTE.find("."+vars.css+"_placeholder");
|
||||
|
||||
placeHolder.click(function(){
|
||||
editor.focus();
|
||||
});
|
||||
}
|
||||
|
||||
// make unselectable to unselectable attribute ones
|
||||
jQTE.find("[unselectable]")
|
||||
.css(prefixCss+"user-select","none")
|
||||
.addClass("unselectable")
|
||||
.attr("unselectable","on")
|
||||
.on("selectstart mousedown",false);
|
||||
|
||||
// each button of the toolbar
|
||||
var toolbutton = toolbar.find("."+vars.css+"_tool");
|
||||
|
||||
// format menu
|
||||
var formatbar = toolbar.find("."+vars.css+"_formats");
|
||||
|
||||
// font-size filed
|
||||
var fsizebar = toolbar.find("."+vars.css+"_fontsizes");
|
||||
|
||||
// color palette
|
||||
var cpalette = toolbar.find("."+vars.css+"_cpalette");
|
||||
|
||||
// get the selected text as plain format
|
||||
function selectionGet()
|
||||
{
|
||||
// for webkit, mozilla, opera
|
||||
if (window.getSelection)
|
||||
return window.getSelection();
|
||||
// for ie
|
||||
else if (document.selection && document.selection.createRange && document.selection.type != "None")
|
||||
return document.selection.createRange();
|
||||
}
|
||||
|
||||
// the function of changing to the selected text with "execCommand" method
|
||||
function selectionSet(addCommand,thirdParam)
|
||||
{
|
||||
var range,
|
||||
sel = selectionGet();
|
||||
|
||||
// for webkit, mozilla, opera
|
||||
if (window.getSelection)
|
||||
{
|
||||
if (sel.anchorNode && sel.getRangeAt)
|
||||
range = sel.getRangeAt(0);
|
||||
|
||||
if(range)
|
||||
{
|
||||
sel.removeAllRanges();
|
||||
sel.addRange(range);
|
||||
}
|
||||
|
||||
if(!thisBrowser.match(/msie/))
|
||||
document.execCommand('StyleWithCSS', false, false);
|
||||
|
||||
document.execCommand(addCommand, false, thirdParam);
|
||||
}
|
||||
|
||||
// for ie
|
||||
else if (document.selection && document.selection.createRange && document.selection.type != "None")
|
||||
{
|
||||
range = document.selection.createRange();
|
||||
range.execCommand(addCommand, false, thirdParam);
|
||||
}
|
||||
|
||||
// change styles to around tags
|
||||
affectStyleAround(false,false);
|
||||
}
|
||||
|
||||
// the function of changing to the selected text with tags and tags's attributes
|
||||
function replaceSelection(tTag,tAttr,tVal) {
|
||||
|
||||
// first, prevent to conflict of different jqte editors
|
||||
if(editor.not(":focus"))
|
||||
editor.focus();
|
||||
|
||||
// for webkit, mozilla, opera
|
||||
if (window.getSelection)
|
||||
{
|
||||
var selObj = selectionGet(), selRange, newElement, documentFragment;
|
||||
|
||||
if (selObj.anchorNode && selObj.getRangeAt)
|
||||
{
|
||||
selRange = selObj.getRangeAt(0);
|
||||
|
||||
// create to new element
|
||||
newElement = document.createElement(tTag);
|
||||
|
||||
// add the attribute to the new element
|
||||
$(newElement).attr(tAttr,tVal);
|
||||
|
||||
// extract to the selected text
|
||||
documentFragment = selRange.extractContents();
|
||||
|
||||
// add the contents to the new element
|
||||
newElement.appendChild(documentFragment);
|
||||
|
||||
selRange.insertNode(newElement);
|
||||
selObj.removeAllRanges();
|
||||
|
||||
// if the attribute is "style", change styles to around tags
|
||||
if(tAttr=="style")
|
||||
affectStyleAround($(newElement),tVal);
|
||||
// for other attributes
|
||||
else
|
||||
affectStyleAround($(newElement),false);
|
||||
}
|
||||
}
|
||||
// for ie
|
||||
else if (document.selection && document.selection.createRange && document.selection.type != "None")
|
||||
{
|
||||
var range = document.selection.createRange();
|
||||
var selectedText = range.htmlText;
|
||||
|
||||
var newText = '<'+tTag+' '+tAttr+'="'+tVal+'">'+selectedText+'</'+tTag+'>';
|
||||
|
||||
document.selection.createRange().pasteHTML(newText);
|
||||
}
|
||||
}
|
||||
|
||||
// the function of getting to the parent tag
|
||||
var getSelectedNode = function() {
|
||||
var node,selection;
|
||||
if(window.getSelection) {
|
||||
selection = getSelection();
|
||||
node = selection.anchorNode;
|
||||
}
|
||||
if(!node && document.selection && document.selection.createRange && document.selection.type != "None")
|
||||
{
|
||||
selection = document.selection;
|
||||
var range = selection.getRangeAt ? selection.getRangeAt(0) : selection.createRange();
|
||||
node = range.commonAncestorContainer ? range.commonAncestorContainer :
|
||||
range.parentElement ? range.parentElement() : range.item(0);
|
||||
}
|
||||
if(node) {
|
||||
return (node.nodeName == "#text" ? $(node.parentNode) : $(node));
|
||||
}
|
||||
else
|
||||
return false;
|
||||
};
|
||||
|
||||
// the function of replacement styles to the around tags (parent and child)
|
||||
function affectStyleAround(element,style)
|
||||
{
|
||||
var selectedTag = getSelectedNode(); // the selected node
|
||||
|
||||
selectedTag = selectedTag ? selectedTag : element;
|
||||
|
||||
// (for replacement with execCommand) affect to child tags with parent tag's styles
|
||||
if(selectedTag && style==false)
|
||||
{
|
||||
// apply to the selected node with parent tag's styles
|
||||
if(selectedTag.parent().is("[style]"))
|
||||
selectedTag.attr("style",selectedTag.parent().attr("style"));
|
||||
|
||||
// apply to child tags with parent tag's styles
|
||||
if(selectedTag.is("[style]"))
|
||||
selectedTag.find("*").attr("style",selectedTag.attr("style"));
|
||||
}
|
||||
// (for replacement with html changing method)
|
||||
else if(element && style && element.is("[style]"))
|
||||
{
|
||||
var styleKey = style.split(";"); // split the styles
|
||||
|
||||
styleKey = styleKey[0].split(":") // get the key of first style feature
|
||||
|
||||
// apply to child tags with parent tag's styles
|
||||
if(element.is("[style*="+styleKey[0]+"]"))
|
||||
element.find("*").css(styleKey[0],styleKey[1]);
|
||||
|
||||
// select to the selected node again
|
||||
selectText(element);
|
||||
}
|
||||
}
|
||||
|
||||
// the function of making selected to a element
|
||||
function selectText(element)
|
||||
{
|
||||
if(element)
|
||||
{
|
||||
var element = element[0];
|
||||
|
||||
if (document.body.createTextRange)
|
||||
{
|
||||
var range = document.body.createTextRange();
|
||||
range.moveToElementText(element);
|
||||
range.select();
|
||||
}
|
||||
else if (window.getSelection)
|
||||
{
|
||||
var selection = window.getSelection();
|
||||
var range = document.createRange();
|
||||
|
||||
if(element != "undefined" && element != null)
|
||||
{
|
||||
range.selectNodeContents(element);
|
||||
|
||||
selection.removeAllRanges();
|
||||
selection.addRange(range);
|
||||
|
||||
if($(element).is(":empty"))
|
||||
{
|
||||
$(element).append(" ");
|
||||
selectText($(element));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// the function of converting text to link
|
||||
function selected2link()
|
||||
{
|
||||
if(!toolbar.data("sourceOpened"))
|
||||
{
|
||||
var selectedTag = getSelectedNode(); // the selected node
|
||||
var thisHrefLink = "http://"; // default the input value of the link-form-field
|
||||
|
||||
// display the link-form-field
|
||||
linkAreaSwitch(true);
|
||||
|
||||
if(selectedTag)
|
||||
{
|
||||
|
||||
var thisTagName = selectedTag.prop('tagName').toLowerCase();
|
||||
|
||||
// if tag name of the selected node is "a" and the selected node have "href" attribute
|
||||
if(thisTagName == "a" && selectedTag.is('[href]'))
|
||||
{
|
||||
thisHrefLink = selectedTag.attr('href');
|
||||
|
||||
selectedTag.attr(setdatalink,"");
|
||||
}
|
||||
// if it don't have "a" tag name
|
||||
else
|
||||
replaceSelection("a",setdatalink,"");
|
||||
|
||||
}
|
||||
else
|
||||
linkinput.val(thisHrefLink).focus();
|
||||
|
||||
// the method of displaying-hiding to link-types
|
||||
linktypeselect.click(function(e)
|
||||
{
|
||||
if($(e.target).hasClass(vars.css+"_linktypetext") || $(e.target).hasClass(vars.css+"_linktypearrow"))
|
||||
linktypeSwitch(true);
|
||||
});
|
||||
|
||||
// the method of selecting to link-types
|
||||
linktypes.find("a").click(function()
|
||||
{
|
||||
var thisLinkType = $(this).attr(vars.css+"-linktype");
|
||||
|
||||
linktypes.data("linktype",thisLinkType)
|
||||
|
||||
linktypeview.find("."+vars.css+"_linktypetext").html(linktypes.find('a:eq('+linktypes.data("linktype")+')').text());
|
||||
|
||||
linkInputSet(thisHrefLink);
|
||||
|
||||
linktypeSwitch();
|
||||
});
|
||||
|
||||
linkInputSet(thisHrefLink);
|
||||
|
||||
// the method of link-input
|
||||
linkinput
|
||||
// auto focus
|
||||
.focus()
|
||||
// update to value
|
||||
.val(thisHrefLink)
|
||||
// the event of key to enter in link-input
|
||||
.bind("keypress keyup",function(e)
|
||||
{
|
||||
if(e.keyCode==13)
|
||||
{
|
||||
linkRecord(jQTE.find("["+setdatalink+"]"));
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
// the event of click link-button
|
||||
linkbutton.click(function()
|
||||
{
|
||||
linkRecord(jQTE.find("["+setdatalink+"]"));
|
||||
});
|
||||
}
|
||||
else
|
||||
// hide the link-form-field
|
||||
linkAreaSwitch(false);
|
||||
}
|
||||
|
||||
function linkRecord(thisSelection)
|
||||
{
|
||||
// focus to link-input
|
||||
linkinput.focus();
|
||||
|
||||
// select to the selected node
|
||||
selectText(thisSelection);
|
||||
|
||||
// remove pre-link attribute (mark as "link will be added") of the selected node
|
||||
thisSelection.removeAttr(setdatalink);
|
||||
|
||||
// if not selected to link-type of picture
|
||||
if(linktypes.data("linktype")!="2")
|
||||
selectionSet("createlink",linkinput.val()); // insert link url of link-input to the selected node
|
||||
// if selected to link-type of picture
|
||||
else
|
||||
{
|
||||
selectionSet("insertImage",linkinput.val()); // insert image url of link-input to the selected node
|
||||
|
||||
// the method of all pictures in the editor
|
||||
editor.find("img").each(function(){
|
||||
var emptyPrevLinks = $(this).prev("a");
|
||||
var emptyNextLinks = $(this).next("a");
|
||||
|
||||
// if "a" tags of the front and rear of the picture is empty, remove
|
||||
if(emptyPrevLinks.length>0 && emptyPrevLinks.html()=="")
|
||||
emptyPrevLinks.remove();
|
||||
else if(emptyNextLinks.length>0 && emptyNextLinks.html()=="")
|
||||
emptyNextLinks.remove();
|
||||
});
|
||||
}
|
||||
|
||||
// hide the link-form-field
|
||||
linkAreaSwitch();
|
||||
|
||||
// export contents of the text to the sources
|
||||
editor.trigger("change");
|
||||
}
|
||||
|
||||
// the function of switching link-form-field
|
||||
function linkAreaSwitch(status)
|
||||
{
|
||||
// remove all pre-link attribute (mark as "link will be added")
|
||||
clearSetElement("["+setdatalink+"]:not([href])");
|
||||
jQTE.find("["+setdatalink+"][href]").removeAttr(setdatalink);
|
||||
|
||||
if(status)
|
||||
{
|
||||
toolbar.data("linkOpened",true);
|
||||
linkform.show();
|
||||
}
|
||||
else
|
||||
{
|
||||
toolbar.data("linkOpened",false);
|
||||
linkform.hide();
|
||||
}
|
||||
|
||||
linktypeSwitch();
|
||||
}
|
||||
|
||||
// the function of switching link-type-selector
|
||||
function linktypeSwitch(status)
|
||||
{
|
||||
if(status)
|
||||
linktypes.show();
|
||||
else
|
||||
linktypes.hide();
|
||||
}
|
||||
|
||||
// the function of updating the link-input according to the link-type
|
||||
function linkInputSet(thisHrefLink)
|
||||
{
|
||||
var currentType = linktypes.data("linktype");
|
||||
|
||||
// if selected type of e-mail
|
||||
if(currentType=="1" && (linkinput.val()=="http://" || linkinput.is("[value^=http://]") || !linkinput.is("[value^=mailto]")))
|
||||
linkinput.val("mailto:");
|
||||
else if(currentType!="1" && !linkinput.is("[value^=http://]"))
|
||||
linkinput.val("http://");
|
||||
else
|
||||
linkinput.val(thisHrefLink);
|
||||
}
|
||||
|
||||
// the function of adding style to selected text
|
||||
function selected2style(styleCommand)
|
||||
{
|
||||
if(!toolbar.data("sourceOpened"))
|
||||
{
|
||||
|
||||
// if selected to changing the font-size value
|
||||
if(styleCommand=="fSize")
|
||||
styleField = fsizebar;
|
||||
|
||||
// if selected to changing the text-color value
|
||||
else if(styleCommand=="colors")
|
||||
styleField = cpalette;
|
||||
|
||||
// display the style-field
|
||||
styleFieldSwitch(styleField,true);
|
||||
|
||||
// the event of click to style button
|
||||
styleField.find("a").unbind("click").click(function()
|
||||
{
|
||||
var styleValue = $(this).attr(vars.css + "-styleval"); // the property of style value to be added
|
||||
|
||||
// if selected to changing the font-size value
|
||||
if(styleCommand=="fSize")
|
||||
{
|
||||
styleType = "font-size";
|
||||
styleValue = styleValue + vars.funit; // combine the value with size unit
|
||||
}
|
||||
// if selected to changing the text-color value
|
||||
else if(styleCommand=="colors")
|
||||
{
|
||||
styleType = "color";
|
||||
styleValue = "rgb("+styleValue + ")"; // combine color value with rgb
|
||||
}
|
||||
|
||||
var prevStyles = refuseStyle(styleType); // affect styles to child tags (and extract to the new style attributes)
|
||||
|
||||
// change to selected text
|
||||
replaceSelection("span","style",styleType+":"+styleValue+";"+prevStyles);
|
||||
|
||||
// hide all style-fields
|
||||
styleFieldSwitch("",false);
|
||||
|
||||
// remove title bubbles
|
||||
$('.'+vars.css+'_title').remove();
|
||||
|
||||
// export contents of the text to the sources
|
||||
editor.trigger("change");
|
||||
});
|
||||
|
||||
}
|
||||
else
|
||||
// hide the style-field
|
||||
styleFieldSwitch(styleField,false);
|
||||
|
||||
// hide the link-form-field
|
||||
linkAreaSwitch(false);
|
||||
}
|
||||
|
||||
// the function of switching the style-field
|
||||
function styleFieldSwitch(styleField,status)
|
||||
{
|
||||
var mainData="", // the style data of the actual wanted
|
||||
allData = [{"d":"fsizeOpened","f":fsizebar},{"d":"cpallOpened","f":cpalette}]; // all style datas
|
||||
|
||||
// if the style data of the actual wanted isn't empty
|
||||
if(styleField!="")
|
||||
{
|
||||
// return to all datas and find the main data
|
||||
for(var si=0; si < allData.length; si++)
|
||||
{
|
||||
if(styleField==allData[si]["f"])
|
||||
mainData = allData[si];
|
||||
}
|
||||
}
|
||||
// display the style-field
|
||||
if(status)
|
||||
{
|
||||
toolbar.data(mainData["d"],true); // stil seçme alanının açıldığını belirten parametre yaz
|
||||
mainData["f"].slideDown(100); // stil seçme alanını aç
|
||||
|
||||
// return to all datas and close the fields of external datas
|
||||
for(var si=0; si < allData.length; si++)
|
||||
{
|
||||
if(mainData["d"]!=allData[si]["d"])
|
||||
{
|
||||
toolbar.data(allData[si]["d"],false);
|
||||
allData[si]["f"].slideUp(100);
|
||||
}
|
||||
}
|
||||
}
|
||||
// hide all style-fields
|
||||
else
|
||||
{
|
||||
// return to all datas and close all style fields
|
||||
for(var si=0; si < allData.length; si++)
|
||||
{
|
||||
toolbar.data(allData[si]["d"],false);
|
||||
allData[si]["f"].slideUp(100);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// the function of removing all pre-link attribute (mark as "link will be added")
|
||||
function clearSetElement(elem)
|
||||
{
|
||||
jQTE.find(elem).each(function(){
|
||||
$(this).before($(this).html()).remove();
|
||||
});
|
||||
}
|
||||
|
||||
// the function of refusing some styles
|
||||
function refuseStyle(refStyle)
|
||||
{
|
||||
var selectedTag = getSelectedNode(); // the selected node
|
||||
|
||||
// if the selected node have attribute of "style" and it have unwanted style
|
||||
if(selectedTag && selectedTag.is("[style]") && selectedTag.css(refStyle)!="")
|
||||
{
|
||||
var refValue = selectedTag.css(refStyle); // first get key of unwanted style
|
||||
|
||||
selectedTag.css(refStyle,""); // clear unwanted style
|
||||
|
||||
var cleanStyle = selectedTag.attr("style"); // cleaned style
|
||||
|
||||
selectedTag.css(refStyle,refValue); // add unwanted style to the selected node again
|
||||
|
||||
return cleanStyle; // print cleaned style
|
||||
}
|
||||
else
|
||||
return "";
|
||||
}
|
||||
|
||||
// the function of adding style to selected text
|
||||
function selected2format()
|
||||
{
|
||||
formatFieldSwitch(true);
|
||||
|
||||
formatbar.find("a").click(function()
|
||||
{
|
||||
$("*",this).click(function(e)
|
||||
{
|
||||
e.preventDefault();
|
||||
return false;
|
||||
});
|
||||
|
||||
formatLabelView($(this).text());
|
||||
|
||||
var formatValue = $(this).attr(vars.css + "-formatval"); // the type of format value
|
||||
|
||||
// convert to selected format
|
||||
selectionSet("formatBlock",'<'+formatValue+'>');
|
||||
|
||||
formatFieldSwitch(false);
|
||||
});
|
||||
}
|
||||
|
||||
// the function of switching the style-field
|
||||
function formatFieldSwitch(status)
|
||||
{
|
||||
var thisStatus = status ? true : false;
|
||||
|
||||
thisStatus = status && formatbar.data("status") ? true : false;
|
||||
|
||||
if(thisStatus || !status)
|
||||
formatbar.data("status",false).slideUp(200);
|
||||
else
|
||||
formatbar.data("status",true).slideDown(200);
|
||||
}
|
||||
|
||||
// change format label
|
||||
function formatLabelView(str)
|
||||
{
|
||||
var formatLabel = formatbar.closest("."+vars.css+"_tool").find("."+vars.css+"_tool_label").find("."+vars.css+"_tool_text");
|
||||
|
||||
if(str.length > 10)
|
||||
str = str.substr(0,7) + "...";
|
||||
|
||||
// change format label of button
|
||||
formatLabel.html(str);
|
||||
}
|
||||
|
||||
// the function of insertion a specific form to texts
|
||||
function extractToText(strings)
|
||||
{
|
||||
var $htmlContent, $htmlPattern, $htmlReplace;
|
||||
|
||||
// first remove to unnecessary gaps
|
||||
$htmlContent = strings.replace(/\n/gim,'').replace(/\r/gim,'').replace(/\t/gim,'').replace(/ /gim,' ');
|
||||
|
||||
$htmlPattern = [
|
||||
/\<span(|\s+.*?)><span(|\s+.*?)>(.*?)<\/span><\/span>/gim, // trim nested spans
|
||||
/<(\w*[^p])\s*[^\/>]*>\s*<\/\1>/gim, // remove empty or white-spaces tags (ignore paragraphs (<p>) and breaks (<br>))
|
||||
/\<div(|\s+.*?)>(.*?)\<\/div>/gim, // convert div to p
|
||||
/\<strong(|\s+.*?)>(.*?)\<\/strong>/gim, // convert strong to b
|
||||
/\<em(|\s+.*?)>(.*?)\<\/em>/gim // convert em to i
|
||||
];
|
||||
|
||||
$htmlReplace = [
|
||||
'<span$2>$3</span>',
|
||||
'',
|
||||
'<p$1>$2</p>',
|
||||
'<b$1>$2</b>',
|
||||
'<i$1>$2</i>'
|
||||
];
|
||||
|
||||
// repeat the cleaning process 5 times
|
||||
for(c=0; c<5; c++)
|
||||
{
|
||||
// create loop as the number of pattern
|
||||
for(var i = 0; i < $htmlPattern.length; i++)
|
||||
{
|
||||
$htmlContent = $htmlContent.replace($htmlPattern[i], $htmlReplace[i]);
|
||||
}
|
||||
}
|
||||
|
||||
// if paragraph is false (<p>), convert <p> to <br>
|
||||
if(!vars.p)
|
||||
$htmlContent = $htmlContent.replace(/\<p(|\s+.*?)>(.*?)\<\/p>/ig, '<br/>$2');
|
||||
|
||||
// if break is false (<br>), convert <br> to <p>
|
||||
if(!vars.br)
|
||||
{
|
||||
$htmlPattern = [
|
||||
/\<br>(.*?)/ig,
|
||||
/\<br\/>(.*?)/ig
|
||||
];
|
||||
|
||||
$htmlReplace = [
|
||||
'<p>$1</p>',
|
||||
'<p>$1</p>'
|
||||
];
|
||||
|
||||
// create loop as the number of pattern (for breaks)
|
||||
for (var i = 0; i < $htmlPattern.length; i++) {
|
||||
$htmlContent = $htmlContent.replace($htmlPattern[i], $htmlReplace[i]);
|
||||
}
|
||||
}
|
||||
|
||||
// if paragraph and break is false (<p> && <br>), convert <p> to <div>
|
||||
if(!vars.p && !vars.br)
|
||||
$htmlContent = $htmlContent.replace(/\<p>(.*?)\<\/p>/ig, '<div>$1</div>');
|
||||
|
||||
return $htmlContent;
|
||||
}
|
||||
|
||||
// the function of exporting contents of the text field to the source field (to be the standard in all browsers)
|
||||
function postToSource()
|
||||
{
|
||||
// clear unnecessary tags when editor view empty
|
||||
var sourceStrings = editor.text()=="" && editor.html().length<12 ? "" : editor.html();
|
||||
|
||||
thisElement.val(extractToText(sourceStrings));
|
||||
}
|
||||
|
||||
// the function of exporting contents of the source field to the text field (to be the standard in all browsers)
|
||||
function postToEditor()
|
||||
{
|
||||
editor.html(extractToText(thisElement.val()));
|
||||
}
|
||||
|
||||
// the function of getting parent (or super parent) tag name of the selected node
|
||||
function detectElement(tags){
|
||||
|
||||
var resultdetect=false, $node = getSelectedNode(), parentsTag;
|
||||
|
||||
if($node)
|
||||
{
|
||||
$.each(tags, function(i, val){
|
||||
parentsTag = $node.prop('tagName').toLowerCase();
|
||||
|
||||
if (parentsTag == val)
|
||||
resultdetect = true;
|
||||
else
|
||||
{
|
||||
$node.parents().each(function(){
|
||||
parentsTag = $(this).prop('tagName').toLowerCase();
|
||||
if (parentsTag == val)
|
||||
resultdetect = true;
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
return resultdetect;
|
||||
}
|
||||
else
|
||||
return false;
|
||||
};
|
||||
|
||||
// the function of highlighting the toolbar buttons according to the cursor position in jqte editor
|
||||
function buttonEmphasize(e)
|
||||
{
|
||||
for(var n = 0; n < buttons.length; n++)
|
||||
{
|
||||
if(vars[buttons[n].name] && buttons[n].emphasis && buttons[n].tag!='')
|
||||
detectElement(buttons[n].tag) ? toolbar.find('.'+vars.css+'_tool_'+buttons[n].cls).addClass(emphasize) : $('.'+vars.css+'_tool_'+buttons[n].cls).removeClass(emphasize);
|
||||
}
|
||||
// showing text format
|
||||
if(vars.format && $.isArray(vars.formats))
|
||||
{
|
||||
var isFoundFormat = false;
|
||||
|
||||
for(var f = 0; f < vars.formats.length; f++)
|
||||
{
|
||||
var thisFormat = [];
|
||||
thisFormat[0] = vars.formats[f][0];
|
||||
|
||||
if(vars.formats[f][0].length>0 && detectElement(thisFormat))
|
||||
{
|
||||
formatLabelView(vars.formats[f][1]);
|
||||
|
||||
isFoundFormat = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if(!isFoundFormat)
|
||||
formatLabelView(vars.formats[0][1]);
|
||||
}
|
||||
|
||||
// hide all style-fields
|
||||
styleFieldSwitch("",false);
|
||||
formatFieldSwitch(false);
|
||||
}
|
||||
|
||||
// the event of click to the toolbar buttons
|
||||
toolbutton
|
||||
.unbind("click")
|
||||
.click(function(e){
|
||||
// if source button is clicked
|
||||
if($(this).data('command')=='displaysource' && !toolbar.data("sourceOpened"))
|
||||
{
|
||||
// hide all the toolbar buttons (except the source button)
|
||||
toolbar.find("."+vars.css+"_tool").addClass(vars.css+"_hiddenField");
|
||||
$(this).removeClass(vars.css+"_hiddenField");
|
||||
|
||||
// update to data of source displaying
|
||||
toolbar.data("sourceOpened",true);
|
||||
|
||||
// equalize height of the text field with height of the source field
|
||||
thisElement.css("height",editor.outerHeight());
|
||||
|
||||
sourceField.removeClass(vars.css+"_hiddenField");
|
||||
editor.addClass(vars.css+"_hiddenField");
|
||||
thisElement.focus();
|
||||
|
||||
// hide the link-form-field
|
||||
linkAreaSwitch(false);
|
||||
|
||||
// hide all style-fields
|
||||
styleFieldSwitch("",false);
|
||||
|
||||
// hide format field
|
||||
formatFieldSwitch();
|
||||
|
||||
// hide placeholder
|
||||
if(vars.placeholder && vars.placeholder!="")
|
||||
placeHolder.hide();
|
||||
}
|
||||
// if other buttons is clicked
|
||||
else
|
||||
{
|
||||
// if source field is closed
|
||||
if(!toolbar.data("sourceOpened"))
|
||||
{
|
||||
// if insert-link-button is clicked
|
||||
if($(this).data('command')=='linkcreator')
|
||||
{
|
||||
if(!toolbar.data("linkOpened"))
|
||||
selected2link();
|
||||
else
|
||||
{
|
||||
// hide the link-form-field
|
||||
linkAreaSwitch(false);
|
||||
|
||||
// hide format field
|
||||
formatFieldSwitch(false);
|
||||
}
|
||||
}
|
||||
|
||||
// if the format button is clicked
|
||||
else if($(this).data('command')=='formats')
|
||||
{
|
||||
if($(this).data('command')=='formats' && !$(e.target).hasClass(vars.css+"_format"))
|
||||
selected2format();
|
||||
|
||||
// hide all style-fields
|
||||
styleFieldSwitch("",false);
|
||||
|
||||
if(editor.not(":focus"))
|
||||
editor.focus();
|
||||
}
|
||||
|
||||
// if the style buttons are clicked
|
||||
else if($(this).data('command')=='fSize' || $(this).data('command')=='colors')
|
||||
{
|
||||
if(
|
||||
($(this).data('command')=='fSize' && !$(e.target).hasClass(vars.css+"_fontsize")) || // the font-size button
|
||||
($(this).data('command')=='colors' && !$(e.target).hasClass(vars.css+"_color")) // the color button
|
||||
)
|
||||
selected2style($(this).data('command'));
|
||||
|
||||
// hide format field
|
||||
formatFieldSwitch(false);
|
||||
|
||||
if(editor.not(":focus"))
|
||||
editor.focus();
|
||||
}
|
||||
|
||||
// if other buttons is clicked
|
||||
else
|
||||
{
|
||||
// first, prevent to conflict of different jqte editors
|
||||
if(editor.not(":focus"))
|
||||
editor.focus();
|
||||
|
||||
// apply command of clicked button to the selected text
|
||||
selectionSet($(this).data('command'),null);
|
||||
|
||||
// hide all menu-fields
|
||||
styleFieldSwitch("",false);
|
||||
formatFieldSwitch(false);
|
||||
linktypeSwitch();
|
||||
|
||||
// to highlight the toolbar buttons according to the cursor position in jqte editor
|
||||
$(this).data('emphasis')==true && !$(this).hasClass(emphasize) ? $(this).addClass(emphasize) : $(this).removeClass(emphasize);
|
||||
|
||||
sourceField.addClass(vars.css+"_hiddenField");
|
||||
editor.removeClass(vars.css+"_hiddenField");
|
||||
}
|
||||
|
||||
}
|
||||
// hide the source field and display the text field
|
||||
else
|
||||
{
|
||||
// update to data of source hiding
|
||||
toolbar.data("sourceOpened",false);
|
||||
|
||||
// display all the toolbar buttons
|
||||
toolbar.find("."+vars.css+"_tool").removeClass(vars.css+"_hiddenField");
|
||||
|
||||
sourceField.addClass(vars.css+"_hiddenField");
|
||||
editor.removeClass(vars.css+"_hiddenField");
|
||||
}
|
||||
|
||||
if(vars.placeholder && vars.placeholder!="")
|
||||
editor.html()!="" ? placeHolder.hide() : placeHolder.show();
|
||||
}
|
||||
|
||||
// export contents of the text to the sources
|
||||
editor.trigger("change");
|
||||
})
|
||||
// the event of showing to the title bubble when mouse over of the toolbar buttons
|
||||
.hover(function(e){
|
||||
if(vars.title && $(this).data("title")!="" && ( $(e.target).hasClass(vars.css+"_tool") || $(e.target).hasClass(vars.css+"_tool_icon") ))
|
||||
{
|
||||
$('.'+vars.css+'_title').remove();
|
||||
|
||||
// create the title bubble
|
||||
jQTE.append('<div class="'+vars.css+'_title"><div class="'+vars.css+'_titleArrow"><div class="'+vars.css+'_titleArrowIcon"></div></div><div class="'+vars.css+'_titleText">'+$(this).data("title")+'</div></div>');
|
||||
|
||||
var thisTitle = $('.'+vars.css+'_title:first');
|
||||
var thisArrow = thisTitle.find('.'+vars.css+'_titleArrowIcon');
|
||||
var thisPosition = $(this).position();
|
||||
var thisAlignX = thisPosition.left + $(this).outerWidth() - (thisTitle.outerWidth()/2) - ($(this).outerWidth()/2);
|
||||
var thisAlignY = (thisPosition.top + $(this).outerHeight() + 5);
|
||||
|
||||
// show the title bubble and set to its position
|
||||
thisTitle.delay(400).css({'top':thisAlignY, 'left':thisAlignX}).fadeIn(200);
|
||||
}
|
||||
},function(){
|
||||
$('.'+vars.css+'_title').remove();
|
||||
});
|
||||
|
||||
// prevent multiple calling postToSource()
|
||||
var editorChangeTimer = null;
|
||||
|
||||
// the methods of the text fields
|
||||
editor
|
||||
|
||||
// trigger change method of the text field when the text field modified
|
||||
.bind("keypress keyup keydown drop cut copy paste DOMCharacterDataModified DOMSubtreeModified",function()
|
||||
{
|
||||
// export contents of the text to the sources
|
||||
if(!toolbar.data("sourceOpened"))
|
||||
$(this).trigger("change");
|
||||
|
||||
// hide the link-type-field
|
||||
linktypeSwitch();
|
||||
|
||||
// if the change method is added run the change method
|
||||
if($.isFunction(vars.change))
|
||||
vars.change();
|
||||
|
||||
// the feature of placeholder
|
||||
if(vars.placeholder && vars.placeholder!="")
|
||||
$(this).text()!="" ? placeHolder.hide() : placeHolder.show();
|
||||
})
|
||||
.bind("change",function()
|
||||
{
|
||||
if(!toolbar.data("sourceOpened"))
|
||||
{
|
||||
clearTimeout(editorChangeTimer);
|
||||
editorChangeTimer = setTimeout(postToSource,10);
|
||||
}
|
||||
})
|
||||
|
||||
// run to keyboard shortcuts
|
||||
.keydown(function(e)
|
||||
{
|
||||
// if ctrl key is clicked
|
||||
if(e.ctrlKey)
|
||||
{
|
||||
// check all toolbar buttons
|
||||
for(var n = 0; n < buttons.length; n++)
|
||||
{
|
||||
// if this settings of this button is activated (is it true)
|
||||
// if the keyed button with ctrl is same of hotkey of this button
|
||||
if(vars[buttons[n].name] && e.keyCode == buttons[n].key.charCodeAt(0))
|
||||
{
|
||||
if(buttons[n].command!='' && buttons[n].command!='linkcreator')
|
||||
selectionSet(buttons[n].command,null);
|
||||
|
||||
else if(buttons[n].command=='linkcreator')
|
||||
selected2link();
|
||||
|
||||
return false;
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
// method of triggering to the highlight button
|
||||
.bind("mouseup keyup",buttonEmphasize)
|
||||
|
||||
// the event of focus to the text field
|
||||
.focus(function()
|
||||
{
|
||||
// if the focus method is added run the focus method
|
||||
if($.isFunction(vars.focus))
|
||||
vars.focus();
|
||||
|
||||
// add onfocus class
|
||||
jQTE.addClass(vars.css+"_focused");
|
||||
|
||||
// prevent focus problem on opera
|
||||
if(/opera/.test(thisBrowser))
|
||||
{
|
||||
var range = document.createRange();
|
||||
range.selectNodeContents(editor[0]);
|
||||
range.collapse(false);
|
||||
var selection = window.getSelection();
|
||||
selection.removeAllRanges();
|
||||
selection.addRange(range);
|
||||
}
|
||||
})
|
||||
|
||||
// the event of focus out from the text field
|
||||
.focusout(function()
|
||||
{
|
||||
// remove to highlights of all toolbar buttons
|
||||
toolbutton.removeClass(emphasize);
|
||||
|
||||
// hide all menu-fields
|
||||
styleFieldSwitch("",false);
|
||||
formatFieldSwitch(false);
|
||||
linktypeSwitch();
|
||||
|
||||
// if the blur method is added run the blur method
|
||||
if($.isFunction(vars.blur))
|
||||
vars.blur();
|
||||
|
||||
// remove onfocus class
|
||||
jQTE.removeClass(vars.css+"_focused");
|
||||
|
||||
// show default text format
|
||||
if($.isArray(vars.formats))
|
||||
formatLabelView(vars.formats[0][1]);
|
||||
});
|
||||
|
||||
// the event of key in the source field
|
||||
thisElement
|
||||
.bind("keydown keyup",function()
|
||||
{
|
||||
// export contents of the source to the text field
|
||||
setTimeout(postToEditor,0);
|
||||
|
||||
// auto extension for the source field
|
||||
$(this).height($(this)[0].scrollHeight);
|
||||
|
||||
// if the source field is empty, shorten to the source field
|
||||
if($(this).val()=="")
|
||||
$(this).height(0);
|
||||
})
|
||||
.focus(function()
|
||||
{
|
||||
// add onfocus class
|
||||
jQTE.addClass(vars.css+"_focused");
|
||||
})
|
||||
.focusout(function()
|
||||
{
|
||||
// remove onfocus class
|
||||
jQTE.removeClass(vars.css+"_focused");
|
||||
});
|
||||
});
|
||||
};
|
||||
})(jQuery);
|
||||
Loading…
Reference in New Issue
Block a user