edit.php revision 1f5da3ee0a7dfb278ab235231e5af6aad13326d4
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
09c638a157dd9d2ed9027215d9e254badfa019b8Dav Glass margin: 1em;
09c638a157dd9d2ed9027215d9e254badfa019b8Dav Glass height: 355px;
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass border: 3px solid red;
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass width: 740px;
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass margin: 1em;
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass position: absolute;
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass left: 100px;
09c638a157dd9d2ed9027215d9e254badfa019b8Dav Glass #test iframe {
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass border: 1px solid blue;
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass height: 260px;
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass width: 550px;
aa2ac226ad6e45232f8416eecc99d2165ce74d03Dav Glass border-top: 3px solid red;
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass float: left;
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass padding: 5px;
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass _background-color: orange;
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass padding: 5px;
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass margin: 3px;
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass display: inline-block;
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass background-color: #ccc;
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass font-size: 60%;
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass #test1 a.selected {
f69da96c272d2efe7f43da5150c13c0fe6899646Dav Glass background-color: green;
162527ab925c04aa8d6bbf78d0484a133a8076f1Dav Glass display: none;
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass width: 175px;
162527ab925c04aa8d6bbf78d0484a133a8076f1Dav Glass height: 260px;
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass border-top: 3px solid red;
fe442de8408a276919d26a1110e8121844b1ba11Dav Glass border-left: 3px solid red;
9d0be4bedcaad945c505994577198223ffc4ed9eDav Glass float: right;
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass #smilies img {
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass cursor: pointer;
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass margin: 5px;
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass #test_render {
a3d67a254e415c93408a9d4314e46e3cb7d87d99Dav Glass position: absolute;
aa2ac226ad6e45232f8416eecc99d2165ce74d03Dav Glass <a href ="#" value="insertorderedlist">InsertOrderedList</a>
aa2ac226ad6e45232f8416eecc99d2165ce74d03Dav Glass <a href ="#" value="insertunorderedlist">InsertUnOrderedList</a>
aa2ac226ad6e45232f8416eecc99d2165ce74d03Dav Glass <a href ="#" value="inserthorizontalrule">inserthorizontalrule</a>
6dbc2e0b2c23ae7763959af9762fc50c84dbd937Dav Glass <a href ="#" value="justifycenter">justifycenter</a>
aa2ac226ad6e45232f8416eecc99d2165ce74d03Dav Glass <a href ="#" value="justifyright">justifyright</a>
aa2ac226ad6e45232f8416eecc99d2165ce74d03Dav Glass <a href ="#" value="replacecontent">ReplaceContent</a>
aa2ac226ad6e45232f8416eecc99d2165ce74d03Dav Glass<!--button id="showEditor">Show Editor</button-->
aa2ac226ad6e45232f8416eecc99d2165ce74d03Dav Glass <span style="font-weight: bold">This is font-weight bold</span><br><br>
aa2ac226ad6e45232f8416eecc99d2165ce74d03Dav Glass <span style="font-style: italic">This is font-style italic</span><br><br>
aa2ac226ad6e45232f8416eecc99d2165ce74d03Dav Glass <span style="text-decoration: underline">This is text-decoration: underline</span><br><br>
aa2ac226ad6e45232f8416eecc99d2165ce74d03Dav Glass <span style="font-weight: bold; text-decoration: underline; font-style:italic;">This is a multi styled element.</span>
aa2ac226ad6e45232f8416eecc99d2165ce74d03Dav Glass<!--Above the HR
aa2ac226ad6e45232f8416eecc99d2165ce74d03Dav Glass<hr size="1">
aa2ac226ad6e45232f8416eecc99d2165ce74d03Dav Glass<?php //include('mail.php'); ?>
fe442de8408a276919d26a1110e8121844b1ba11Dav Glass <li style="font-family: courier new">Item #1</li>
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass <li>Item #1</li>
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass <li>Item #1</li>
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass <p>This is a test..</p>
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass <div style="font-family: ; font-size: ;"><br>
762b21413a7bbc38b5c7b2d94385fb44f26f9d39Dav Glass <div style="font-family: times new roman, new york, times, serif; font-size: 12pt;">
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass <font size="2" face="Tahoma">
e08067d50c8d5e4692441db53bba084c7a667e0aDav Glass <hr size="1">
f7aa62ea2e8cf43fbb9d83db5060db540ff1893fDav Glass <b><span style="font-weight:bold;">From:</span></b> yahoo-account-services-us@cc.yahoo-inc.com<br>
162527ab925c04aa8d6bbf78d0484a133a8076f1Dav Glass <b><span style="font-weight: bold;">To:</span></b> hb.stone@yahoo.com<br>
323ca860aba4b2515b560796e2322d5eaae57e5aDav Glass <b><span style="font-weight: bold;">Cc:</span></b> <br>
fe442de8408a276919d26a1110e8121844b1ba11Dav Glass <b><span style="font-weight: bold;">Sent:</span></b> 2010-07-09 14:19:12<br>
3499692683cbc70ff10f1844350ff92b1d0eba3fDav Glass <b><span style="font-weight: bold;">Subject:</span></b> Verify this email address<br>
3499692683cbc70ff10f1844350ff92b1d0eba3fDav Glass <div id=yiv759936264>
3499692683cbc70ff10f1844350ff92b1d0eba3fDav Glass <div style="direction:ltr;">
3499692683cbc70ff10f1844350ff92b1d0eba3fDav Glass <img src="https://s.yimg.com/lq/i/brand/purplelogo/base/us.gif" vspace="10" hspace="20">
3499692683cbc70ff10f1844350ff92b1d0eba3fDav Glass <hr noshade width="95%"> <br><br>
fe442de8408a276919d26a1110e8121844b1ba11Dav Glass <table border="0" width="735">
aa2ac226ad6e45232f8416eecc99d2165ce74d03Dav Glass <td width="10%"> </td>
323ca860aba4b2515b560796e2322d5eaae57e5aDav Glass <td width="80%"> <font size="+1" color="#631266" face="Arial"> <b>Verify this email address</b> </font> <br> </td>
323ca860aba4b2515b560796e2322d5eaae57e5aDav Glass <td width="10%"> </td>
323ca860aba4b2515b560796e2322d5eaae57e5aDav Glass <td colspan="3"> </td>
edefd42ddde54932d14d9150369570db47822ab5Dav Glass <hr noshade width="95%">
1e2a941753ef897ca70f03b0c9803795357ad35dDav Glass <table width="750">
577da64a9f0680112357f6595f47bfcab32d9adbDav Glass <td width="2.5%"> </td>
1e2a941753ef897ca70f03b0c9803795357ad35dDav Glass <td> <font face="Arial" size="-3"></font> </td>
a2621d519886de7d60c30c5a0850f5c17fd2fb36Dav Glass <td width="2.5%"> </td>
43e2f05871a8e99383b8c1d893d290cd978be81aDav Glass <td> <font face="Arial" size="-3"><p>Copyright © 2010 Yahoo! Inc. All rights reserved.<a rel="nofollow" target="_blank" href='http://docs.yahoo.com/info/copyright/copyright.html'>Copyright/IP Policy</a> | <a rel="nofollow" target="_blank" href='http://docs.yahoo.com/info/terms/'>Terms of Service</a></p> <p>NOTICE: We collect personal information on this site. To learn more about how we use your information, see our <a rel="nofollow" target="_blank" href='http://privacy.yahoo.com/'>Privacy Policy</a>.</p><br> </font> </td>
d5c8641a4c8bb3bf024ae7fe517387163591d325Dav Glass </div><br><br>
d5c8641a4c8bb3bf024ae7fe517387163591d325Dav Glass<!--p><b>This is a <u>test. <i>This is</i> another</u> test.</b></p>
d5c8641a4c8bb3bf024ae7fe517387163591d325Dav GlassThis is some <strong>other</strong> loose test.
d5c8641a4c8bb3bf024ae7fe517387163591d325Dav Glass<p>This <strong>is</strong> <font face="Courier New">another</font> test.</p>
d5c8641a4c8bb3bf024ae7fe517387163591d325Dav Glass <li style="font-family: courier new">Item #1</li>
43e2f05871a8e99383b8c1d893d290cd978be81aDav Glass <li>Item #1</li>
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass <li>Item #1</li>
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass<p>This <strong>is</strong> <font face="Courier New">another</font> test.</p>
6dbc2e0b2c23ae7763959af9762fc50c84dbd937Dav Glass<!--script type="text/javascript" src="../../build/yui/yui-debug.js?bust=<?php echo(time()); ?>"></script-->
6dbc2e0b2c23ae7763959af9762fc50c84dbd937Dav Glass<script type="text/javascript" src="http://yui.yahooapis.com/3.2.0/build/yui/yui-debug.js"></script>
6dbc2e0b2c23ae7763959af9762fc50c84dbd937Dav Glass<script type="text/javascript" src="js/editor-base.js?bust=<?php echo(time()); ?>"></script>
6dbc2e0b2c23ae7763959af9762fc50c84dbd937Dav Glass<script type="text/javascript" src="js/frame.js?bust=<?php echo(time()); ?>"></script>
6dbc2e0b2c23ae7763959af9762fc50c84dbd937Dav Glass<script type="text/javascript" src="js/exec-command.js?bust=<?php echo(time()); ?>"></script>
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass<script type="text/javascript" src="js/selection.js?bust=<?php echo(time()); ?>"></script>
91085c33d52b89808c10ff61e5a94d7b35d57d65Dav Glass<script type="text/javascript" src="js/lists.js?bust=<?php echo(time()); ?>"></script>
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass<script type="text/javascript" src="js/editor-tab.js?bust=<?php echo(time()); ?>"></script>
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass<script type="text/javascript" src="js/createlink-base.js?bust=<?php echo(time()); ?>"></script>
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass<script type="text/javascript" src="js/editor-bidi.js?bust=<?php echo(time()); ?>"></script>
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass<script type="text/javascript" src="js/editor-para.js?bust=<?php echo(time()); ?>"></script>
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass<script type="text/javascript" src="js/editor-br.js?bust=<?php echo(time()); ?>"></script>
690dda02d518be26b6ee1c6530ee361081c9eb03Dav Glassvar yConfig = {
690dda02d518be26b6ee1c6530ee361081c9eb03Dav Glass //debug: false,
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass //filter: 'RAW',
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass debug: true,
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass filter: 'debug',
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass allowRollup: false,
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass logExclude: {
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass 'yui': true,
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass 'event': true,
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass attribute: true,
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass augment: true,
052dcc53d425df9224bfc720b2feca1e92903382Dav Glass loader: true,
052dcc53d425df9224bfc720b2feca1e92903382Dav Glass Selector: true,
052dcc53d425df9224bfc720b2feca1e92903382Dav Glass selection: true
052dcc53d425df9224bfc720b2feca1e92903382Dav Glass throwFail: true
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav GlassYUI(yConfig).use('node', 'selector-css3', 'base', 'editor-base', 'editor-para', 'editor-br', 'frame', 'substitute', 'exec-command', 'editor-lists', 'createlink-base', 'editor-bidi', 'editor-lists', function(Y) {
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass //console.log(Y, Y.id);
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass var bCount = 0,
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass Y.delegate('click', function(e) {
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass e.target.toggleClass('selected');
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass var cmd = e.target.get('innerHTML').toLowerCase(),
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass switch (cmd) {
690dda02d518be26b6ee1c6530ee361081c9eb03Dav Glass case 'wrap':
f7aa62ea2e8cf43fbb9d83db5060db540ff1893fDav Glass val = 'del';
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass case 'addclass':
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass case 'removeclass':
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass val = 'foo';
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass case 'insertimage':
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass val = 'http://farm3.static.flickr.com/2723/4014885243_58772b8ff8_s_d.jpg';
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass case 'inserthtml':
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass val = ' <span style="color: red; background-color: blue;">Inserted Text (' + (new Date()).toString() + ')</span> ';
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass case 'backcolor':
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass case 'forecolor':
d0bccce76452becc96b65acaaa684aa6fabaf386Dav Glass val = bColors[bCount];
d0bccce76452becc96b65acaaa684aa6fabaf386Dav Glass if (bCount === (bColors.length - 1)) {
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass editor.focus(function() {
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass editor.execCommand(cmd, val);
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass }, '#test1 > div', 'a');
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass Y.on('change', function(e) {
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass var cmd = e.currentTarget.get('id'),
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass val = e.currentTarget.get('value');
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass editor.frame.focus();
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass var ex_return = editor.execCommand(cmd, val);
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass }, '#fontsize');
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass Y.on('change', function(e) {
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass var cmd = e.currentTarget.get('id'),
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass val = e.currentTarget.get('value');
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass editor.frame.focus();
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass var ex_return = editor.execCommand(cmd, val);
b80d65233fd7492f4b6487349f5364b9a8ca019eDav Glass }, '#fontname');
b80d65233fd7492f4b6487349f5364b9a8ca019eDav Glass var smilies = [
e08067d50c8d5e4692441db53bba084c7a667e0aDav Glass var s_cont = Y.one('#smilies');
e08067d50c8d5e4692441db53bba084c7a667e0aDav Glass Y.each(smilies, function(v, k) {
e08067d50c8d5e4692441db53bba084c7a667e0aDav Glass s_cont.append('<img src="smilies/' + k + '.gif" alt="Click to insert">');
e08067d50c8d5e4692441db53bba084c7a667e0aDav Glass s_cont.delegate('click', function(e) {
91085c33d52b89808c10ff61e5a94d7b35d57d65Dav Glass var img = e.currentTarget, inst = editor.getInstance();
e08067d50c8d5e4692441db53bba084c7a667e0aDav Glass editor.focus(function() {
e08067d50c8d5e4692441db53bba084c7a667e0aDav Glass editor.execCommand('inserthtml', '<img src="' + img.get('src') + '">');
e08067d50c8d5e4692441db53bba084c7a667e0aDav Glass editor.focus(function() {
e08067d50c8d5e4692441db53bba084c7a667e0aDav Glass editor.execCommand('insertandfocus', '<span>:)</span>');
e08067d50c8d5e4692441db53bba084c7a667e0aDav Glass var buttons = Y.all('#test1 a');
e08067d50c8d5e4692441db53bba084c7a667e0aDav Glass var f_options = Y.all('#fontname option');
e08067d50c8d5e4692441db53bba084c7a667e0aDav Glass var s_options = Y.all('#fontsize option');
573bad453b98b1e493f4abfcf507f85b22b6bf4aDav Glass var updateButtons = function(e) {
a0c3229e02af852e4b15bf6d4cf4e862440bb00eDav Glass //console.log(e);
a0c3229e02af852e4b15bf6d4cf4e862440bb00eDav Glass var tar = e.changedNode;
b80d65233fd7492f4b6487349f5364b9a8ca019eDav Glass var cmds = e.commands;
b80d65233fd7492f4b6487349f5364b9a8ca019eDav Glass buttons.removeClass('selected');
b80d65233fd7492f4b6487349f5364b9a8ca019eDav Glass buttons.each(function(v) {
b80d65233fd7492f4b6487349f5364b9a8ca019eDav Glass if (cmds[v.get('innerHTML').toLowerCase()]) {
b80d65233fd7492f4b6487349f5364b9a8ca019eDav Glass v.addClass('selected');
b80d65233fd7492f4b6487349f5364b9a8ca019eDav Glass var fname = e.fontFamily,
b80d65233fd7492f4b6487349f5364b9a8ca019eDav Glass size = e.fontSize;
b80d65233fd7492f4b6487349f5364b9a8ca019eDav Glass f_options.item(0).set('selected', true);
b80d65233fd7492f4b6487349f5364b9a8ca019eDav Glass if (fname) {
b80d65233fd7492f4b6487349f5364b9a8ca019eDav Glass f_options.each(function(v) {
b80d65233fd7492f4b6487349f5364b9a8ca019eDav Glass var val = v.get('value').toLowerCase();
b80d65233fd7492f4b6487349f5364b9a8ca019eDav Glass if (val === fname.toLowerCase()) {
e08067d50c8d5e4692441db53bba084c7a667e0aDav Glass v.set('selected', true);
b80d65233fd7492f4b6487349f5364b9a8ca019eDav Glass s_options.item(0).set('selected', true);
91085c33d52b89808c10ff61e5a94d7b35d57d65Dav Glass size = size.replace('px', '');
91085c33d52b89808c10ff61e5a94d7b35d57d65Dav Glass s_options.each(function(v) {
91085c33d52b89808c10ff61e5a94d7b35d57d65Dav Glass var val = v.get('value').toLowerCase(),
91085c33d52b89808c10ff61e5a94d7b35d57d65Dav Glass txt = v.get('text');
91085c33d52b89808c10ff61e5a94d7b35d57d65Dav Glass if (size === txt) {
b80d65233fd7492f4b6487349f5364b9a8ca019eDav Glass v.set('selected', true);
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass //Mixin the new commands
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass Y.mix(Y.Plugin.ExecCommand.COMMANDS, {
91085c33d52b89808c10ff61e5a94d7b35d57d65Dav Glass foo: function() {
9d0be4bedcaad945c505994577198223ffc4ed9eDav Glass alert('You clicked on Foo');
762b21413a7bbc38b5c7b2d94385fb44f26f9d39Dav Glass replacecontent: function() {
762b21413a7bbc38b5c7b2d94385fb44f26f9d39Dav Glass var inst = this.getInstance(),
406fbc8e9d992226194dfc2353a6ba1c1fd24b3aDav Glass sel = new inst.Selection();
406fbc8e9d992226194dfc2353a6ba1c1fd24b3aDav Glass sel.setCursor();
406fbc8e9d992226194dfc2353a6ba1c1fd24b3aDav Glass var html = this.get('host').get('content');
406fbc8e9d992226194dfc2353a6ba1c1fd24b3aDav Glass html = '<div><p>Added From Selection Cache Test.</p>' + html + '</div>';
406fbc8e9d992226194dfc2353a6ba1c1fd24b3aDav Glass this.get('host').set('content', html);
7a67e82a93bc7dc5bf9a62a3ad321c2424da37f7Dav Glass var cur = sel.focusCursor();
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass editor = new Y.EditorBase({
406fbc8e9d992226194dfc2353a6ba1c1fd24b3aDav Glass content: Y.one('#stub').get('innerHTML'),
406fbc8e9d992226194dfc2353a6ba1c1fd24b3aDav Glass linkedcss: [
406fbc8e9d992226194dfc2353a6ba1c1fd24b3aDav Glass 'http://yui.yahooapis.com/2.8.1/build/reset/reset.css',
38b0027944b7fe09062a6befbf76146e73661096Dav Glass 'http://yui.yahooapis.com/2.8.1/build/fonts/fonts.css',
38b0027944b7fe09062a6befbf76146e73661096Dav Glass 'http://yui.yahooapis.com/2.8.1/build/grids/grids.css'
406fbc8e9d992226194dfc2353a6ba1c1fd24b3aDav Glass //extracss: 'body { color: red; } p,div { border: 1px solid green; padding: 8px; margin: 15px; } div { border: 1px solid purple; } blockquote { border: 1px solid orange; }'
406fbc8e9d992226194dfc2353a6ba1c1fd24b3aDav Glass extracss: 'body { color: red; } p { border: 1px solid green; padding: 8px; margin: 15px; } blockquote { border: 1px solid orange; } div { border: 1px solid purple; padding: 0; margin: 0; }'
e57824e27f47a76dae7b14c6ff1c7ed1186d16c1Dav Glass editor.plug(Y.Plugin.EditorBR);
406fbc8e9d992226194dfc2353a6ba1c1fd24b3aDav Glass //editor.plug(Y.Plugin.EditorPara);
406fbc8e9d992226194dfc2353a6ba1c1fd24b3aDav Glass editor.on('dom:keydown', function(e) {
406fbc8e9d992226194dfc2353a6ba1c1fd24b3aDav Glass if (e.keyCode === 13) {
406fbc8e9d992226194dfc2353a6ba1c1fd24b3aDav Glass //editor.set('content', ' ');
fe442de8408a276919d26a1110e8121844b1ba11Dav Glass //e.frameEvent.halt();
fe442de8408a276919d26a1110e8121844b1ba11Dav Glass if (e.ctrlKey) {
fe442de8408a276919d26a1110e8121844b1ba11Dav Glass console.log('Control Pressed');
38b0027944b7fe09062a6befbf76146e73661096Dav Glass //editor.execCommand('insertbr');
38b0027944b7fe09062a6befbf76146e73661096Dav Glass e.frameEvent.halt();
38b0027944b7fe09062a6befbf76146e73661096Dav Glass //console.log('Not Pressed');
406fbc8e9d992226194dfc2353a6ba1c1fd24b3aDav Glass //console.log(e);
406fbc8e9d992226194dfc2353a6ba1c1fd24b3aDav Glass //editor.plug(Y.Plugin.EditorPara);
0612f6fa2e2192b929d52762deaf45534f6e7509Dav Glass setTimeout(function() {
27a34eacb64bad3093c357e104c7bee249343ec1Dav Glass console.log('Injecting');
27a34eacb64bad3093c357e104c7bee249343ec1Dav Glass editor.set('linkedcss', ['http://blog.davglass.com/files/yui/css/davglass.css']);
09c638a157dd9d2ed9027215d9e254badfa019b8Dav Glass editor.after('nodeChange', function(e) {
27a34eacb64bad3093c357e104c7bee249343ec1Dav Glass //console.log('changedType: ' + e.changedType);
27a34eacb64bad3093c357e104c7bee249343ec1Dav Glass //if (e.changedType !== 'execcommand') {
27a34eacb64bad3093c357e104c7bee249343ec1Dav Glass switch (e.changedType) {
0612f6fa2e2192b929d52762deaf45534f6e7509Dav Glass case 'keyup':
406fbc8e9d992226194dfc2353a6ba1c1fd24b3aDav Glass case 'mouseup':
406fbc8e9d992226194dfc2353a6ba1c1fd24b3aDav Glass updateButtons(e);
7a67e82a93bc7dc5bf9a62a3ad321c2424da37f7Dav Glass if (e.changedType === 'keyup') {
7a67e82a93bc7dc5bf9a62a3ad321c2424da37f7Dav Glass if (e.changedNode) {
7a67e82a93bc7dc5bf9a62a3ad321c2424da37f7Dav Glass var txt = e.changedNode.get('text');
7a67e82a93bc7dc5bf9a62a3ad321c2424da37f7Dav Glass Y.each(smilies, function(v, k) {
7a67e82a93bc7dc5bf9a62a3ad321c2424da37f7Dav Glass //Hackey, doesn't work on new line.
7a67e82a93bc7dc5bf9a62a3ad321c2424da37f7Dav Glass if (txt.indexOf(' ' + v) !== -1) {
7a67e82a93bc7dc5bf9a62a3ad321c2424da37f7Dav Glass e.selection.replace(v, '<span> <img src="smilies/' + k + '.gif"> </span>');
9d0be4bedcaad945c505994577198223ffc4ed9eDav Glass //editor.plug(Y.Plugin.EditorLists);
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass //editor.plug(Y.Plugin.EditorBidi);
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass //Disabled for IE testing..
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass //editor.plug(Y.Plugin.EditorTab);
762b21413a7bbc38b5c7b2d94385fb44f26f9d39Dav Glass editor.after('dom:paste', function(e) {
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass console.log('DOM Paste');
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass var inst = editor.getInstance();
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass Y.later(100, null, function() {
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass var div = inst.one('p > div');
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass div.setAttribute('style', '');
f7aa62ea2e8cf43fbb9d83db5060db540ff1893fDav Glass console.log(e);
998d2791b549446db8394dc80d46a94a247857d9Dav Glass e.frameEvent.preventDefault();
f7aa62ea2e8cf43fbb9d83db5060db540ff1893fDav Glass if (e.clipboardData.data) {
f7aa62ea2e8cf43fbb9d83db5060db540ff1893fDav Glass console.log(e.clipboardData.data);
f7aa62ea2e8cf43fbb9d83db5060db540ff1893fDav Glass editor.execCommand('paste');
f7aa62ea2e8cf43fbb9d83db5060db540ff1893fDav Glass //editor.execCommand('insertandfocus', e.clipboardData.data);
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass editor.on('frame:ready', function() {
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass Y.log('frame:ready, set content', 'info', 'editor');
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass var inst = this.getInstance();
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass this.set('content', inst.Selection.CURSOR + '<hr><p>This is some content below the HR</p>');
f7aa62ea2e8cf43fbb9d83db5060db540ff1893fDav Glass //this.set('content', ' ');
998d2791b549446db8394dc80d46a94a247857d9Dav Glass //This stops image resizes, but for all images!!
998d2791b549446db8394dc80d46a94a247857d9Dav Glass //editor.execCommand('enableObjectResizing', false);
998d2791b549446db8394dc80d46a94a247857d9Dav Glass //this.set('content', Y.one('#stub').get('innerHTML'));
998d2791b549446db8394dc80d46a94a247857d9Dav Glass editor.frame.on('keydown', function(e) {
998d2791b549446db8394dc80d46a94a247857d9Dav Glass if (e.charCode == 83 && (e.ctrlKey || e.metaKey)) {
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass //editor.on('dom:focus', function() {console.log("Focus called");});
998d2791b549446db8394dc80d46a94a247857d9Dav Glass //editor.on('dom:blur', function() {console.log("Blur called");});
f7aa62ea2e8cf43fbb9d83db5060db540ff1893fDav Glass editor.on('nodeChange', function(e) {
998d2791b549446db8394dc80d46a94a247857d9Dav Glass if (Y.UA.ie) {
f7aa62ea2e8cf43fbb9d83db5060db540ff1893fDav Glass var inst = this.getInstance(),
f7aa62ea2e8cf43fbb9d83db5060db540ff1893fDav Glass sel = inst.config.doc.selection.createRange();
f7aa62ea2e8cf43fbb9d83db5060db540ff1893fDav Glass editor._lastBookmark = sel.getBookmark();
998d2791b549446db8394dc80d46a94a247857d9Dav Glass //console.log(e.changedType + ' :: ' + editor._lastBookmark);
7058d70d5189510fab628ef8d64bb50dd726a941Dav Glass editor.frame.on('dom:focus', function() {
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass var inst = this.getInstance(), sel, cur;
b7bd9aa409761c479bb0a2e5794295d35ebe24eaDav Glass console.log("Focus called");
b7bd9aa409761c479bb0a2e5794295d35ebe24eaDav Glass if (editor._lastBookmark) {
b7bd9aa409761c479bb0a2e5794295d35ebe24eaDav Glass sel = new inst.Selection();
323ca860aba4b2515b560796e2322d5eaae57e5aDav Glass cur = sel.getCursor();
323ca860aba4b2515b560796e2322d5eaae57e5aDav Glass if (cur && cur.size()) {
998d2791b549446db8394dc80d46a94a247857d9Dav Glass sel.focusCursor(true, false);
323ca860aba4b2515b560796e2322d5eaae57e5aDav Glass editor.frame.on('dom:activate', function(e) {
323ca860aba4b2515b560796e2322d5eaae57e5aDav Glass var inst = this.getInstance(), sel, cur;
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass console.log('activate called');
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass sel = inst.config.doc.selection.createRange();
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass console.log('focus: ' + editor._lastBookmark);
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass var bk = sel.moveToBookmark(editor._lastBookmark);
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass sel.collapse(true);
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass sel.select();
9c0c9c3b0536efd839d996c7e2b83a60b14dd544Dav Glass console.log('Move: ' + bk);
9c0c9c3b0536efd839d996c7e2b83a60b14dd544Dav Glass editor._lastBookmark = null;
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass editor.frame.on('dom:focusout', function(e) {
762b21413a7bbc38b5c7b2d94385fb44f26f9d39Dav Glass console.log('focusout called');
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass editor.frame.on('dom:blur', function(e) {
998d2791b549446db8394dc80d46a94a247857d9Dav Glass console.log("Blur called");
998d2791b549446db8394dc80d46a94a247857d9Dav Glass if (!Y.UA.ie) {
998d2791b549446db8394dc80d46a94a247857d9Dav Glass var inst = this.getInstance(),
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass sel = new inst.Selection();
e20a95dc78bf51b6544e7bfb4e53ed190ecec3c9Dav Glass sel.setCursor();
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass editor.on('dom:keyup', function(e) {
24e95e1c11b518e1aaaa7f04882febe32de00b5eDav Glass var inst = this.getInstance(),
24e95e1c11b518e1aaaa7f04882febe32de00b5eDav Glass sel = new inst.Selection();
24e95e1c11b518e1aaaa7f04882febe32de00b5eDav Glass if (sel.anchorNode) {
24e95e1c11b518e1aaaa7f04882febe32de00b5eDav Glass var txt = sel.anchorNode.get('text');
24e95e1c11b518e1aaaa7f04882febe32de00b5eDav Glass Y.each(smilies, function(v, k) {
24e95e1c11b518e1aaaa7f04882febe32de00b5eDav Glass //Hackey, doesn't work on new line.
24e95e1c11b518e1aaaa7f04882febe32de00b5eDav Glass if (txt.indexOf(' ' + v) !== -1) {
24e95e1c11b518e1aaaa7f04882febe32de00b5eDav Glass sel.replace(v, '<span> <img src="smilies/' + k + '.gif"> </span>', sel.anchorTextNode);
24e95e1c11b518e1aaaa7f04882febe32de00b5eDav Glass editor.render('#test');
24e95e1c11b518e1aaaa7f04882febe32de00b5eDav Glass Y.on('click', function(e) {
24e95e1c11b518e1aaaa7f04882febe32de00b5eDav Glass var html = editor.getContent();
24e95e1c11b518e1aaaa7f04882febe32de00b5eDav Glass console.log(html);
24e95e1c11b518e1aaaa7f04882febe32de00b5eDav Glass }, '#getHTML');
24e95e1c11b518e1aaaa7f04882febe32de00b5eDav Glass Y.on('click', function(e) {
24e95e1c11b518e1aaaa7f04882febe32de00b5eDav Glass editor.set('content', '<p>This is a test: ' + (new Date()) + '</p>');
24e95e1c11b518e1aaaa7f04882febe32de00b5eDav Glass }, '#setHTML');
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass Y.on('click', function(e) {
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass editor.focus(true);
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass }, '#focusEditor');
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass Y.on('click', function(e) {
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass Y.one('#test1').setStyle('display', 'block');
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass editor.render('#test');
dbf2c770f8178b12e8fe3c36bfa29df58ef13959Dav Glass }, '#showEditor');