<?php
// Set date timezone.
date_default_timezone_set('Europe/Bucharest');
// important variables that will be used throughout this example
$bucket = 'froala-dev';
$region = 's3';
$keyStart = 'editor/';
$acl = 'public-read';
// these can be found on your Account page, under Security Credentials > Access Keys
$accessKeyId = $_SERVER['AWS_ACCESS_KEY'];
$secret = $_SERVER['AWS_SECRET_ACCESS_KEY'];
$policy = base64_encode(json_encode(array(
// ISO 8601 - date('c'); generates uncompatible date, so better do it manually
'expiration' => date('Y-m-d\TH:i:s.000\Z', strtotime('+1 day')),
'conditions' => array(
array('bucket' => $bucket),
array('acl' => $acl),
array('success_action_status' => '201'),
array('x-requested-with' => 'xhr'),
array('starts-with', '$key', $keyStart),
array('starts-with', '$Content-Type', '') // accept all files
)
)));
$signature = base64_encode(hash_hmac('sha1', $policy, $secret, true));
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="../css/froala_editor.css">
<link rel="stylesheet" href="../css/froala_style.css">
<link rel="stylesheet" href="../css/plugins/code_view.css">
<link rel="stylesheet" href="../css/plugins/colors.css">
<link rel="stylesheet" href="../css/plugins/emoticons.css">
<link rel="stylesheet" href="../css/plugins/image_manager.css">
<link rel="stylesheet" href="../css/plugins/image.css">
<link rel="stylesheet" href="../css/plugins/line_breaker.css">
<link rel="stylesheet" href="../css/plugins/table.css">
<link rel="stylesheet" href="../css/plugins/char_counter.css">
<link rel="stylesheet" href="../css/plugins/video.css">
<link rel="stylesheet" href="../css/plugins/file.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.3.0/codemirror.min.css">
<style>
body {
text-align: center;
}
div#editor {
width: 81%;
margin: auto;
text-align: left;
}
</style>
</head>
<body>
<div id="editor">
<div id='edit' style="margin-top: 30px;">
<h1>Click and edit</h1>
<img class="fr-fir fr-dii" src="../img/photo1.jpg" alt="Old Clock" width="300"/>Lorem <strong>ipsum</strong> dolor sit amet, consectetur <strong>adipiscing <em>elit.</em> Donec</strong> facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus <strong>viverra</strong><em> gravida</em> ut a dui.<br/>
<ul><li>Vivamus nec rutrum augue, pharetra faucibus purus. Maecenas non orci sagittis, vehicula lorem et, dignissim nunc.</li> <li>Suspendisse suscipit, diam non varius facilisis, enim libero tincidunt magna, sit amet iaculis eros libero sit amet eros. Vestibulum a rhoncus felis.<ol><li>Nam lacus nulla, consequat ac lacus sit amet, accumsan pellentesque risus. Aenean viverra mi at urna mattis fermentum.</li> <li>Curabitur porta metus in tortor elementum, in semper nulla ullamcorper. Vestibulum mattis tempor tortor quis gravida. In rhoncus risus nibh. Nullam condimentum dapibus massa vel fringilla. Sed hendrerit sed est quis facilisis. Ut sit amet nibh sem. Pellentesque imperdiet mollis libero.</li></ol></li></ul>
<table style="width: 100%;">
<tr><td>asdasd</td><td>asdasdasd</td></tr>
</table>
Sed dictum dictum tristique. Proin eros turpis, ultricies eu sapien eget, ornare rutrum ipsum. Pellentesque eros nisl, ornare nec ipsum sed, aliquet sollicitudin erat. Nulla tincidunt porta <strong>vehicula.</strong><br/>
<a href="http://google.com" title="Aenean sed hendrerit">Aenean sed hendrerit</a> velit. Nullam eu mi dolor. Maecenas et erat risus. Nulla ac auctor diam, non aliquet ante. Fusce ullamcorper, ipsum id tempor lacinia, sem tellus malesuada libero, quis ornare sem massa in orci. Sed dictum dictum tristique. Proin eros turpis, ultricies eu sapien eget, ornare rutrum ipsum. Pellentesque eros nisl, ornare nec ipsum sed, aliquet sollicitudin erat. Nulla tincidunt porta <strong>vehicula.</strong><br/>
<i>Nullam laoreet</i> imperdiet orci ac euismod. Curabitur vel lectus nisi. Phasellus accumsan aliquet augue, eu rutrum tellus iaculis in. Nunc viverra ultrices mollis. Curabitur malesuada nunc massa, ut imperdiet arcu lobortis sed. Cras ac arcu mauris. Maecenas id lectus nisl. Donec consectetur scelerisque quam at ultricies. Nam quis magna iaculis, condimentum metus ut, elementum metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus id tempus nisi.<br/>
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis.
Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit.
Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat.
Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu.
Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus
富文本编辑器froalaEditor（全面）附教程 （854个子文件） 
AUTHORS 10KB froala_editor.pkgd.css 70KB froala_editor.pkgd.min.css 58KB royal.css 39KB dark.css 39KB gray.css 39KB font-awesome.css 37KB red.css 35KB royal.min.css 34KB gray.min.css 34KB dark.min.css 34KB froala_editor.css 32KB red.min.css 31KB font-awesome.min.css 30KB froala_editor.min.css 27KB ambiance.css 26KB froala_style.css 8KB codemirror.css 8KB image_manager.css 8KB froala_style.min.css 7KB image_manager.min.css 7KB solarized.css 5KB mdn-like.css 5KB video.css 5KB image.css 5KB video.min.css 4KB docs.css 4KB table.css 4KB liquibyte.css 4KB image.min.css 4KB colors.css 4KB merge.css 3KB table.min.css 3KB colors.min.css 3KB xq-dark.css 3KB file.css 3KB lint.css 3KB code_view.css 3KB duotone-light.css 3KB lesser-dark.css 3KB duotone-dark.css 3KB icecoder.css 2KB material.css 2KB pastel-on-dark.css 2KB file.min.css 2KB ttcn.css 2KB shadowfox.css 2KB tomorrow-night-eighties.css 2KB code_view.min.css 2KB erlang-dark.css 2KB oceanic-next.css 2KB xq-light.css 2KB monokai.css 2KB twilight.css 2KB vibrant-ink.css 2KB base16-light.css 2KB base16-dark.css 2KB mbo.css 2KB darcula.css 2KB paraiso-dark.css 2KB paraiso-light.css 2KB 3024-night.css 2KB midnight.css 2KB dracula.css 2KB seti.css 2KB zenburn.css 2KB 3024-day.css 2KB abcdef.css 2KB the-matrix.css 2KB blackboard.css 2KB lucario.css 2KB yeti.css 2KB tern.css 2KB panda-syntax.css 2KB rubyblue.css 2KB spell_checker.css 2KB tomorrow-night-bright.css 2KB night.css 2KB gruvbox-dark.css 2KB cobalt.css 2KB colorforth.css 2KB idea.css 2KB quick_insert.css 2KB railscasts.css 1KB spell_checker.min.css 1KB hopscotch.css 1KB isotope.css 1KB bespin.css 1KB help.css 1KB simplescrollbars.css 1KB quick_insert.min.css 1KB char_counter.css 1KB embedly.css 1KB special_characters.css 1KB help.min.css 1KB eclipse.css 1KB special_characters.min.css 1KB char_counter.min.css 1KB embedly.min.css 1KB neo.css 947B共 854 条
- 1
- 2
- 3
- 4
- 5
- 6
- 9
- 1
- 2
前往页