<?php
include __DIR__ . '/../../include.php';
$example = new Raptor\Example('Basic');
?>
<!doctype html>
<html>
<head>
<?php
echo $example->renderHead();
?>
<script type="text/javascript">
init(function($) {
$('.editable').raptor(extendDefaults({
autoEnable: true
}));
});
</script>
</head>
<body>
<?php
echo $example->renderNavigation();
?>
<div class="source-watch" data-output="#source" data-target=".editable">
<div class="editable center half" data-id="body-1">
<?php
ob_start();
?>
<h4><strong class="cms-bold" style="color: rgb(234, 89, 10); font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: 1.3125em; line-height: 1.71429em;">Welcome to Some Random Website</strong><span style="color: rgb(234, 89, 10); font-family: proxima-nova, Helvetica, Arial, sans-serif; line-height: 1.71429em; font-size: 12px;"> </span><br></h4>
<p>This is not real content that I took from a website as an example context of dirty content. </p>
<?php
include __DIR__ . '/../../include.php';
$example = new Raptor\Example('Autoenable');
?>
<!doctype html>
<html>
<head>
<?php
echo $example->renderHead();
?>
<style type="text/css">
.raptor-editable-block-hover {
background: none !important;
}
</style>
<script type="text/javascript">
init(function($) {
$('.enable').button().click(function() {
$('.editable').data('uiRaptor').enableEditing();
});
$('.disable').button().click(function() {
$('.editable').data('uiRaptor').disableEditing();
});
$('.editable').raptor(extendDefaults({
layouts: {
hoverPanel: false
}
}));
});
</script>
<?php
include __DIR__ . '/../../include.php';
$example = new Raptor\Example('Table Wrapper');
?>
<!doctype html>
<html>
<head>
<?php
echo $example->renderHead();
?>
<script type="text/javascript">
init(function($) {
$('.editable').raptor(defaultOptions);
});
</script>
<style type="text/css">
.test-cell {
vertical-align: top;
}
.editable {
min-height: 100px;
}
</style>
</head>
<body>
<?php
echo $example->renderNavigation();
?>
<?php
ob_start();
<?php
include __DIR__ . '/../../include.php';
$example = new Raptor\Example('Full Suite');
?>
<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<?php
echo $example->renderHead();
?>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="stylesheet" href="css/style.css" />
<script src="js/libs/modernizr-2.0.6.min.js"></script>
<script type="text/javascript">
init(function($) {
$('.editable').raptor(defaultOptions);
});
</script>
</head>
<body>
<?php
echo $example->renderNavigation();
?>
<div id="header-container">
<header class="wrapper clearfix">
<h1 id="title" class="editable" data-id="site-title">
<?php
<?php
include __DIR__ . '/../../include.php';
$example = new Raptor\Example('Multiple Inline');
?>
<!doctype html>
<html>
<head>
<?php
echo $example->renderHead();
?>
<script type="text/javascript">
init(function($) {
Raptor.presets.inline.layouts.toolbar.uiOrder.unshift(['viewSource']);
$('.editable').raptor(extendDefaults({
preset: 'inline'
}));
});
</script>
</head>
<body>
<?php
echo $example->renderNavigation();
?>
<div class="wrapper center">
<form action="<?php
echo RAPTOR_EXAMPLE_URI;
?>
actions/save-comment.php" method="post" class="center half">
<input type="hidden" name="redirect" value="<?php
echo $_SERVER['REQUEST_URI'];
<?php
include __DIR__ . '/../../include.php';
$example = new Raptor\Example('Empty');
?>
<!doctype html>
<html>
<head>
<?php
echo $example->renderHead();
?>
<script type="text/javascript">
init(function($) {
$('.editable').raptor(defaultOptions);
});
</script>
<style type="text/css">
.editable {
margin-top: 10px;
min-height: 10px;
border: 1px dotted black;
}
</style>
</head>
<body>
<?php
echo $example->renderNavigation();
?>
<div class="source-watch" data-output="#source" data-target=".editable">
<div class="editable center half" data-id="body-1">
<?php
<?php
include __DIR__ . '/../../include.php';
$example = new Raptor\Example('Autoenable');
?>
<!doctype html>
<html>
<head>
<?php
echo $example->renderHead();
?>
<script type="text/javascript">
init(function($) {
$('.editable').raptor(defaultOptions);
});
</script>
<style type="text/css">
.box {
background-color: #4CFF2F;
position: relative;
margin: 0 auto;
}
.box,
.box .editable {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<?php
<?php
include __DIR__ . '/../../include.php';
$example = new Raptor\Example('Dock To');
?>
<!doctype html>
<html>
<head>
<?php
echo $example->renderHead();
?>
<script type="text/javascript">
init(function($) {
$('.editable').raptor(extendDefaults({
autoEnable: true,
plugins: {
dock: {
dockToElement: true,
docked: true,
dockTo: '#top'
}
}
}));
});
</script>
</head>
<body>
<?php
echo $example->renderNavigation();
?>
<div class="source-watch center half" data-output="#source" data-target=".editable">
<?php
include __DIR__ . '/../../include.php';
$example = new Raptor\Example('iFrame');
?>
<!doctype html>
<html>
<head>
</head>
<body>
<div class="editable" data-id="body-1">
<?php
ob_start();
?>
<h1>Raptor Editor - Basic Example</h1>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum
has been the industry's standard dummy text ever since the 1500s, when an unknown printer
took a galley of type and scrambled it to make a type specimen book.
</p>
<blockquote>
<p>
It has survived not only five centuries, but also the leap into electronic typesetting,
remaining essentially unchanged.
</p>
</blockquote>
<p>
It was popularised in the 1960s with the release of Letraset sheets containing
Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker
including versions of Lorem Ipsum.
</p>
