<?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>