基于Thinkphp与Bootstrap内核开发梦亚网络验证功能开源源码资源-CSDN文库

共2000个文件

php：1917个

js：1153个

png：311个

版权申诉

bootstrap

网络

html

50 浏览量 2022-03-01 09:56:09 上传评论收藏 31.64MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于Thinkphp与Bootstrap内核开发梦亚网络验证功能开源源码（2000个子文件）

AUTHORS 6KB

var-dump-server.bat 134B

【点击查最新更新】.bat 25B

.phpunit.result.cache 1KB

CHANGELOG 2KB

COMMITMENT 2KB

diy.css 258KB

chunk-vendors.4a62479a.css 236KB

materialdesignicons.min.css 181KB

bootstrap.min.css 156KB

bootstrap.min.css 115KB

style-mini.min.css 110KB

style.min.css 104KB

style-mini-v4.min.css 102KB

apiDetail.d99c08d5.css 88KB

editormd.css 76KB

home.4f3fd59f.css 76KB

animate.css 71KB

samples.css 64KB

editormd.min.css 60KB

animate.min.css 56KB

editormd.preview.css 55KB

skin.min.css 54KB

skin.min.css 53KB

editor_ie8.css 48KB

editor_iequirks.css 48KB

editor_ie.css 48KB

editor_gecko.css 47KB

editor.css 47KB

editormd.preview.min.css 44KB

ueditor.css 43KB

font-awesome.min.css 38KB

ueditor.min.css 34KB

summernote-lite.min.css 30KB

style.min.css 27KB

main.css 26KB

style.min.css 26KB

ambiance.css 26KB

bootstrap-table-group-by.min.css 24KB

bootstrap-datepicker3.css 22KB

jquery-confirm.min.css 22KB

video-js.css 21KB

bootstrap-datepicker3.min.css 21KB

skin.mobile.min.css 21KB

bootstrap-theme.min.css 19KB

summernote-bs4.min.css 19KB

summernote.min.css 19KB

image.css 18KB

select2_v4.css 18KB

select2.css 17KB

content.min.css 17KB

content.inline.min.css 17KB

bootstrap-editable.min.css 17KB

content.min.css 17KB

wangEditor.css 17KB

app.a3d8839d.css 16KB

select2_v4.min.css 15KB

select2.min.css 15KB

wangEditor.min.css 15KB

dialog_ie8.css 15KB

video.css 15KB

dialog_iequirks.css 14KB

dialog_ie.css 14KB

main.min.css 14KB

attachment.css 14KB

layer.css 14KB

dialog.css 13KB

dropzone.css 12KB

bootstrap-select.css 12KB

bootstrap-colorpicker.css 11KB

video-js.min.css 11KB

bootstrap-select.min.css 11KB

ion.rangeSlider.min.css 11KB

bootstrap-select.min.css 11KB

bootstrap-table.css 10KB

dropzone.min.css 9KB

bootstrap-colorpicker.min.css 9KB

bootstrap-datetimepicker.css 9KB

bootstrap-table.min.css 9KB

awesome.css 8KB

jquery-toolbar.min.css 8KB

bootstrap-datetimepicker.min.css 8KB

codemirror.css 8KB

daterangepicker.css 7KB

materialdesign.css 7KB

main.css 7KB

jquery.fonticonpicker.css 7KB

shCoreDefault.css 7KB

apiDetail~home.6367410f.css 7KB

metroStyle.css 6KB

共 2000 条

<!DOCTYPE html> <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="warning deprecated"> This sample is not maintained anymore. Check out its <a href="https://ckeditor.com/docs/ckeditor4/latest/examples/acf.html">brand new version in CKEditor Examples</a>. </div> <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="https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#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="https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#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="https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#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="https://ckeditor.com/docs/ckeditor4/latest/guide/dev_advanced_content_filter.html">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="https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#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 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="https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#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>t

评论收藏

内容反馈

版权申诉