yui / yui3

YUI 3.x Source Tree — Read more

http://developer.yahoo.com/yui/3/

This URL has Read+Write access

Adding createlink-base and tab->indent/outdent plugins

davglass (author)

Wed Mar 10 10:47:49 -0800 2010

commit 00439a7c3484c53132e9
tree d6c7f53d39f81f6824ea
parent 81b3af285313d74b09ed

M	sandbox/editor/edit.php	7 ••••
A	sandbox/editor/js/createlink-base.js	39 •••••
A	sandbox/editor/js/editor-tab.js	69 •••••

sandbox/editor/edit.php

View file @ 00439a7

@@ -138,6 +138,8 @@ del {
 <script type="text/javascript" src="js/exec-command.js?bust=<?php echo(mktime()); ?>"></script>
 <script type="text/javascript" src="js/selection.js?bust=<?php echo(mktime()); ?>"></script>
 <script type="text/javascript" src="js/lists.js?bust=<?php echo(mktime()); ?>"></script>
+<script type="text/javascript" src="js/editor-tab.js?bust=<?php echo(mktime()); ?>"></script>
+<script type="text/javascript" src="js/createlink-base.js?bust=<?php echo(mktime()); ?>"></script>
 
 <script type="text/javascript">
 var yConfig = {
@@ -159,7 +161,7 @@ var yConfig = {
     throwFail: true
 };
 
-YUI(yConfig).use('node', 'selector-css3', 'base', 'editor-base', 'frame', 'substitute', 'exec-command', 'editor-lists', function(Y) {
+YUI(yConfig).use('node', 'selector-css3', 'base', 'editor-base', 'frame', 'substitute', 'exec-command', 'editor-lists', 'createlink-base', 'editor-tab', function(Y) {
     //console.log(Y, Y.id);
 
     Y.delegate('click', function(e) {
@@ -292,11 +294,12 @@ YUI(yConfig).use('node', 'selector-css3', 'base', 'editor-base', 'frame', 'subst
         }
     });
     editor.plug(Y.Plugin.EditorLists);
+    editor.plug(Y.Plugin.EditorTab);
     editor.on('frame:ready', function() {
         Y.log('frame:ready, set content', 'info', 'editor');
 
         //This stops image resizes, but for all images!!
-        editor.execCommand('enableObjectResizing', false);
+        //editor.execCommand('enableObjectResizing', false);
         //this.set('content', Y.one('#stub').get('innerHTML'));
     });
     /*

sandbox/editor/js/createlink-base.js

View file @ 00439a7

...	...	@@ -0,0 +1,39 @@
	1	+YUI.add('createlink-base', function(Y) {
	2	+ /**
	3	+ * Addes prompt style link creation.
	4	+ * @module editor
	5	+ * @submodule createlink-base
	6	+ */
	7	+ /**
	8	+ * Addes prompt style link creation.
	9	+ * @class CreateLinkBase
	10	+ * @static
	11	+ * @constructor
	12	+ */
	13	+
	14	+ var CreateLinkBase = {};
	15	+ CreateLinkBase.STRINGS = {
	16	+ PROMPT: 'Please enter the URL for the link to point to:',
	17	+ DEFAULT: 'http://'
	18	+ };
	19	+
	20	+ Y.namespace('Plugin');
	21	+ Y.Plugin.CreateLinkBase = CreateLinkBase;
	22	+
	23	+ Y.mix(Y.Plugin.ExecCommand.COMMANDS, {
	24	+ createlink: function(cmd) {
	25	+ var inst = this.get('host').getInstance(), out, a,
	26	+ url = prompt(CreateLinkBase.STRINGS.PROMPT, CreateLinkBase.STRINGS.DEFAULT);
	27	+
	28	+ if (url) {
	29	+ Y.log('Adding link: ' + url, 'info', 'createLinkBase');
	30	+ this.get('host')._execCommand(cmd, url);
	31	+ out = (new inst.Selection()).getSelected();
	32	+ a = out.item(0).one('a');
	33	+ out.item(0).replace(a);
	34	+ }
	35	+ return a;
	36	+ }
	37	+ });
	38	+
	39	+});

sandbox/editor/js/editor-tab.js

View file @ 00439a7

...	...	@@ -0,0 +1,69 @@
	1	+YUI.add('editor-tab', function(Y) {
	2	+ /**
	3	+ * Handles tab and shift-tab indent/outdent support.
	4	+ * @module editor
	5	+ * @submodule editor-tab
	6	+ */
	7	+ /**
	8	+ * Handles tab and shift-tab indent/outdent support.
	9	+ * @class EditorTab
	10	+ * @constructor
	11	+ * @extends Base
	12	+ * @namespace Plugin
	13	+ */
	14	+
	15	+ var EditorTab = function() {
	16	+ EditorTab.superclass.constructor.apply(this, arguments);
	17	+ }, HOST = 'host';
	18	+
	19	+ Y.extend(EditorTab, Y.Base, {
	20	+ /**
	21	+ * Listener for host's nodeChange event and captures the tabkey interaction.
	22	+ * @private
	23	+ * @method _onNodeChange
	24	+ * @param {Event} e The Event facade passed from the host.
	25	+ */
	26	+ _onNodeChange: function(e) {
	27	+ var action = 'indent';
	28	+
	29	+ if (e.changedType === 'tab') {
	30	+ if (!e.changedNode.test('li, li *')) {
	31	+ e.changedEvent.halt();
	32	+ e.preventDefault();
	33	+ if (e.changedEvent.shiftKey) {
	34	+ action = 'outdent';
	35	+ }
	36	+
	37	+ Y.log('Overriding TAB to ' + action, 'info', 'editorTab');
	38	+ this.get(HOST).execCommand(action, '');
	39	+ }
	40	+ }
	41	+ },
	42	+ initializer: function() {
	43	+ this.get(HOST).on('nodeChange', Y.bind(this._onNodeChange, this));
	44	+ }
	45	+ }, {
	46	+ /**
	47	+ * editorTab
	48	+ * @property NAME
	49	+ * @static
	50	+ */
	51	+ NAME: 'editorTab',
	52	+ /**
	53	+ * tab
	54	+ * @property NS
	55	+ * @static
	56	+ */
	57	+ NS: 'tab',
	58	+ ATTRS: {
	59	+ host: {
	60	+ value: false
	61	+ }
	62	+ }
	63	+ });
	64	+
	65	+
	66	+ Y.namespace('Plugin');
	67	+
	68	+ Y.Plugin.EditorTab = EditorTab;
	69	+});

0 notes on commit `00439a7` Show line notes below

Please log in to comment.

...	...	@@ -138,6 +138,8 @@ del {
138	138	<script type="text/javascript" src="js/exec-command.js?bust=<?php echo(mktime()); ?>"></script>
139	139	<script type="text/javascript" src="js/selection.js?bust=<?php echo(mktime()); ?>"></script>
140	140	<script type="text/javascript" src="js/lists.js?bust=<?php echo(mktime()); ?>"></script>
	141	+<script type="text/javascript" src="js/editor-tab.js?bust=<?php echo(mktime()); ?>"></script>
	142	+<script type="text/javascript" src="js/createlink-base.js?bust=<?php echo(mktime()); ?>"></script>
141	143
142	144	<script type="text/javascript">
143	145	var yConfig = {
...	...	@@ -159,7 +161,7 @@ var yConfig = {
159	161	throwFail: true
160	162	};
161	163
162		-YUI(yConfig).use('node', 'selector-css3', 'base', 'editor-base', 'frame', 'substitute', 'exec-command', 'editor-lists', function(Y) {
	164	+YUI(yConfig).use('node', 'selector-css3', 'base', 'editor-base', 'frame', 'substitute', 'exec-command', 'editor-lists', 'createlink-base', 'editor-tab', function(Y) {
163	165	//console.log(Y, Y.id);
164	166
165	167	Y.delegate('click', function(e) {
...	...	@@ -292,11 +294,12 @@ YUI(yConfig).use('node', 'selector-css3', 'base', 'editor-base', 'frame', 'subst
292	294	}
293	295	});
294	296	editor.plug(Y.Plugin.EditorLists);
	297	+ editor.plug(Y.Plugin.EditorTab);
295	298	editor.on('frame:ready', function() {
296	299	Y.log('frame:ready, set content', 'info', 'editor');
297	300
298	301	//This stops image resizes, but for all images!!
299		- editor.execCommand('enableObjectResizing', false);
	302	+ //editor.execCommand('enableObjectResizing', false);
300	303	//this.set('content', Y.one('#stub').get('innerHTML'));
301	304	});
302	305	/*

yui / yui3

0 notes on commit 00439a7 Show line notes below

0 notes on commit `00439a7` Show line notes below