<!DOCTYPE html>
<!--
Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or http://ckeditor.com/license
-->
<html>
<head>
<meta charset="utf-8">
<title>Data Filtering — CKEditor Sample</title>
<script src="../ckeditor.js"></script>
<link rel="stylesheet" href="sample.css">
<script>
// Remove advanced tabs for all editors.
CKEDITOR.config.removeDialogTabs = 'image:advanced;link:advanced;flash:advanced;creatediv:advanced;editdiv:advanced';
</script>
</head>
<body>
<h1 class="samples">
<a href="index.html">CKEditor Samples</a> » Data Filtering and Features Activation
</h1>
<div class="description">
<p>
This sample page demonstrates the idea of Advanced Content Filter
(<abbr title="Advanced Content Filter">ACF</abbr>), a sophisticated
tool that takes control over what kind of data is accepted by the editor and what
kind of output is produced.
</p>
<h2>When and what is being filtered?</h2>
<p>
<abbr title="Advanced Content Filter">ACF</abbr> controls
<strong>every single source of data</strong> that comes to the editor.
It process both HTML that is inserted manually (i.e. pasted by the user)
and programmatically like:
</p>
<pre class="samples">
editor.setData( '<p>Hello world!</p>' );
</pre>
<p>
<abbr title="Advanced Content Filter">ACF</abbr> discards invalid,
useless HTML tags and attributes so the editor remains "clean" during
runtime. <abbr title="Advanced Content Filter">ACF</abbr> behaviour
can be configured and adjusted for a particular case to prevent the
output HTML (i.e. in CMS systems) from being polluted.
This kind of filtering is a first, client-side line of defense
against "<a href="http://en.wikipedia.org/wiki/Tag_soup">tag soups</a>",
the tool that precisely restricts which tags, attributes and styles
are allowed (desired). When properly configured, <abbr title="Advanced Content Filter">ACF</abbr>
is an easy and fast way to produce a high-quality, intentionally filtered HTML.
</p>
<h3>How to configure or disable ACF?</h3>
<p>
Advanced Content Filter is enabled by default, working in "automatic mode", yet
it provides a set of easy rules that allow adjusting filtering rules
and disabling the entire feature when necessary. The config property
responsible for this feature is <code><a class="samples"
href="http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-allowedContent">config.allowedContent</a></code>.
</p>
<p>
By "automatic mode" is meant that loaded plugins decide which kind
of content is enabled and which is not. For example, if the link
plugin is loaded it implies that <code><a></code> tag is
automatically allowed. Each plugin is given a set
of predefined <abbr title="Advanced Content Filter">ACF</abbr> rules
that control the editor until <code><a class="samples"
href="http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-allowedContent">
config.allowedContent</a></code>
is defined manually.
</p>
<p>
Let's assume our intention is to restrict the editor to accept (produce) <strong>paragraphs
only: no attributes, no styles, no other tags</strong>.
With <abbr title="Advanced Content Filter">ACF</abbr>
this is very simple. Basically set <code><a class="samples"
href="http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-allowedContent">
config.allowedContent</a></code> to <code>'p'</code>:
</p>
<pre class="samples">
var editor = CKEDITOR.replace( <em>textarea_id</em>, {
<strong>allowedContent: 'p'</strong>
} );
</pre>
<p>
Now try to play with allowed content:
</p>
<pre class="samples">
// Trying to insert disallowed tag and attribute.
editor.setData( '<p <strong>style="color: red"</strong>>Hello <strong><em>world</em></strong>!</p>' );
alert( editor.getData() );
// Filtered data is returned.
"<p>Hello world!</p>"
</pre>
<p>
What happened? Since <code>config.allowedContent: 'p'</code> is set the editor assumes
that only plain <code><p></code> are accepted. Nothing more. This is why
<code>style</code> attribute and <code><em></code> tag are gone. The same
filtering would happen if we pasted disallowed HTML into this editor.
</p>
<p>
This is just a small sample of what <abbr title="Advanced Content Filter">ACF</abbr>
can do. To know more, please refer to the sample section below and
<a href="http://docs.ckeditor.com/#!/guide/dev_advanced_content_filter">the official Advanced Content Filter guide</a>.
</p>
<p>
You may, of course, want CKEditor to avoid filtering of any kind.
To get rid of <abbr title="Advanced Content Filter">ACF</abbr>,
basically set <code><a class="samples"
href="http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-allowedContent">
config.allowedContent</a></code> to <code>true</code> like this:
</p>
<pre class="samples">
CKEDITOR.replace( <em>textarea_id</em>, {
<strong>allowedContent: true</strong>
} );
</pre>
<h2>Beyond data flow: Features activation</h2>
<p>
<abbr title="Advanced Content Filter">ACF</abbr> is far more than
<abbr title="Input/Output">I/O</abbr> control: the entire
<abbr title="User Interface">UI</abbr> of the editor is adjusted to what
filters restrict. For example: if <code><a></code> tag is
<strong>disallowed</strong>
by <abbr title="Advanced Content Filter">ACF</abbr>,
then accordingly <code>link</code> command, toolbar button and link dialog
are also disabled. Editor is smart: it knows which features must be
removed from the interface to match filtering rules.
</p>
<p>
CKEditor can be far more specific. If <code><a></code> tag is
<strong>allowed</strong> by filtering rules to be used but it is restricted
to have only one attribute (<code>href</code>)
<code>config.allowedContent = 'a[!href]'</code>, then
"Target" tab of the link dialog is automatically disabled as <code>target</code>
attribute isn't included in <abbr title="Advanced Content Filter">ACF</abbr> rules
for <code><a></code>. This behaviour applies to dialog fields, context
menus and toolbar buttons.
</p>
<h2>Sample configurations</h2>
<p>
There are several editor instances below that present different
<abbr title="Advanced Content Filter">ACF</abbr> setups. <strong>All of them,
except the last inline instance, share the same HTML content</strong> to visualize
how different filtering rules affect the same input data.
</p>
</div>
<div>
<label for="editor1">
Editor 1:
</label>
<div class="description">
<p>
This editor is using default configuration ("automatic mode"). It means that
<code><a class="samples"
href="http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-allowedContent">
config.allowedContent</a></code> is defined by loaded plugins.
Each plugin extends filtering rules to make it's own associated content
available for the user.
</p>
</div>
<textarea cols="80" id="editor1" name="editor1" rows="10">
<h1><img alt="Saturn V carrying Apollo 11" class="right" src="assets/sample.jpg"/> Apollo 11</h1> <p><b>Apollo 11</b> was the spaceflight that landed the first humans, Americans <a href="http://en.wikipedia.org/wiki/Neil_Armstrong" title="Neil Armstrong">Neil Armstrong</a> and <a href="http://en.wikipedia.org/wiki/Buzz_Aldrin" title="Buzz Aldrin">Buzz Aldrin</a>, on the Moon on July 20, 1969, at 20:18 UTC. Armstrong became the first to step onto the lunar surface 6 hours later on July 21 at 02:56 UTC.</p> <p>Armstrong spent about <s>three and a half</s> two and a half hours outside the spacecraft, Aldrin slightly less; and together they collected 47.5 pounds (21.5&nbsp;kg) of lunar material for return to
没有合适的资源?快使用搜索试试~ 我知道了~
web端实现考勤管理系统
共1767个文件
js:709个
less:266个
css:183个
3星 · 超过75%的资源 需积分: 35 81 下载量 38 浏览量
2017-07-12
09:16:55
上传
评论 7
收藏 9.99MB RAR 举报
温馨提示
前端angular js +bootstrap 后端SSM框架,实现功能:登录、注册、分页、显示学生列表、显示班级列表、添加学生信息、添加班级信息、删除学生信息’
资源推荐
资源详情
资源评论
收起资源包目录
web端实现考勤管理系统 (1767个子文件)
StudentController.class 6KB
KaoQinServiceTest.class 4KB
SchedulePlanController.class 4KB
UserLoginController.class 3KB
TeacherRegisterController.class 3KB
ClassInfoController.class 3KB
ScheduleServiceTest.class 3KB
KaoQinController.class 3KB
Schedule.class 3KB
KaoqinServiceImpl.class 3KB
ScheduleServiceImpl.class 2KB
StudentServiceImpl.class 2KB
UserListController.class 2KB
ClassInfoServiceTest.class 2KB
LeaveServiceTest.class 2KB
Student.class 2KB
StudentServiceTest.class 2KB
ClassInfoServiceImpl.class 2KB
KaoQin.class 2KB
UserList.class 2KB
UserListTest.class 2KB
LeaveServiceImpl.class 2KB
ClassInfo.class 2KB
Leave.class 2KB
TeacherServiceTest.class 2KB
Admin.class 1KB
Teacher.class 1KB
TeacherServiceImpl.class 986B
UserListServiceImpl.class 986B
Role.class 906B
StudentDao.class 897B
SpringTestCase.class 832B
AdminServiceImpl.class 796B
StudentService.class 711B
ScheduleDao.class 685B
KaoqinService.class 655B
ScheduleService.class 641B
KaoQinDao.class 576B
ClassDao.class 544B
ClassInfoService.class 508B
LeaveService.class 398B
TeacherDao.class 378B
AdminDao.class 375B
UserListService.class 313B
UserListDao.class 301B
LeaveDao.class 301B
TeacherService.class 265B
AdminService.class 209B
.classpath 2KB
org.eclipse.wst.common.component 746B
org.eclipse.wst.jsdt.ui.superType.container 49B
dx.ios.default.css 771KB
xenon.css 744KB
dx.ios7.default.css 307KB
xenon-skins.css 267KB
xenon-core.css 185KB
dx.win8.black.css 184KB
dx.win8.white.css 179KB
dx.light.css 171KB
dx.dark.css 167KB
xenon-components.css 164KB
uikit.gradient.css 150KB
uikit.almost-flat.css 146KB
dx.android.holo-light.css 145KB
dx.android.holo-dark.css 143KB
bootstrap.css 143KB
uikit.css 138KB
bootstrap.css 128KB
bootstrap.min.css 118KB
elusive-embedded.css 115KB
bootstrap.css 90KB
dx.common.css 86KB
uikit.css 84KB
uikit.gradient.min.css 84KB
uikit.almost-flat.min.css 81KB
bootstrap.min.css 79KB
uikit.min.css 75KB
xenon-forms.css 68KB
linecons-embedded.css 65KB
ui_btn.css 57KB
uikit.css 48KB
meteocons-embedded.css 38KB
editor_ie7.css 37KB
editor_iequirks.css 36KB
editor_ie8.css 36KB
editor_ie.css 35KB
editor_gecko.css 35KB
editor.css 34KB
editor.css 34KB
uikit.gradient.addons.css 32KB
uikit.almost-flat.addons.css 31KB
elusive-ie7.css 28KB
uikit.addons.css 28KB
elusive-ie7-codes.css 28KB
font-awesome.css 26KB
bootstrap-theme.css 26KB
bootstrap-theme.min.css 23KB
font-awesome.min.css 21KB
fullcalendar.css 21KB
_all.css 20KB
共 1767 条
- 1
- 2
- 3
- 4
- 5
- 6
- 18
资源评论
- mhj_012017-10-16下载不了啊
- liuxsh2019-09-23好像不太好用。有点过时了。
crystal__behappy
- 粉丝: 53
- 资源: 6
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功