" +
+ "
" +
+ "The following line is an empty inline edit with default invitation text: - -
- -The following line is an empty inline edit with custom invitation text: - -
- -- These edit fields - are all set up - with a single - function call - and with - selectOnEdit true., - as well as each being individually undoable. -
- -- These edit fields - are all set up - with a single - function call - and with - selectOnEdit true.(2nd copy), - as well as each being individually undoable. -
- -The following text is an empty inline edit 'span' with NO invitation text: - - This text is after the inline edit. -
- -- This text has a tooltip with the default text. -
- -- This text has a tooltip with custom text. -
- -- This control features an undoable edit mode -
- -|
- This is an editable table cell.
-
-
-
- |
-
- This is another editable table cell.
-
-
-
- |
-
The words in bold are editable.
++ The quick brown fox jumped over the lazy dogs and then... ++ + +
The words in bold are editable. with a maximum of 35 characters allowed.
++ The quick brown fox jumped + over the lazy dogs + + + + and then... ++ + +
The words in bold are editable.
++ ++ + +The quick brown fox jumped over the lazy dogs and then...
+The quick brown fox over jumped the lazy dogs and then...
+The quick brown fox jumped over the lazy dogs and then...
+ +The quick brown fox jumped over the lazy dogs and then...
+The over quick brown fox jumped the lazy dogs and then...
+
After a hiatus, Portishead is back with their first studio + album in 6 years. Third brings back the familiar and + the new, and none of this is best exemplified than in the track + Machine Gun. It seems that regardless of how Portishead + sounds now, the one thing that has stayed constant is their refusal to be ordinary. +
+ + + + + +After a hiatus, Portishead is back with their first studio + album in 6 years. Third brings back the familiar and + the new, and none of this is best exemplified than in the track + Machine Gun. It seems that regardless of how Portishead + sounds now, the one thing that has stayed constant is their refusal to be ordinary. +
+ + + + + +| Artist | +Album | +Year | +Genre | +Play Length | +Label | +Review 1 | +Review 2 | +
|---|---|---|---|---|---|---|---|
| + Portishead + | +Third | +2008 | +Triphop | +49 min 13 s | +Universal Music | +
+
+
+
+ After a hiatus, Portishead is back with their first studio + album in 6 years. Third brings back the familiar and + the new, and none of this is best exemplified than in the track + Machine Gun. It seems that regardless of how Portishead + sounds now, the one thing that has stayed constant is their refusal to be ordinary. + + + + + + + |
+
+
+
+
+ ...It feels like a staggering transformation and a return to + form that was never lost, an ideal adaptation by a group that many + people didn't know they needed to hear again. + + + + + + + |
+
| Artist | +Album | +Year | +Genre | +Play Length | +Label | +Review 1 | +Review 2 | +
|---|---|---|---|---|---|---|---|
| + Portishead + | +Third | +2008 | +Triphop | +49 min 13 s | +Universal Music | +
+
+
+
+ After a hiatus, Portishead is back with their first studio + album in 6 years. Third brings back the familiar and + the new, and none of this is best exemplified than in the track + Machine Gun. It seems that regardless of how Portishead + sounds now, the one thing that has stayed constant is their refusal to be ordinary. + + + + + + + |
+
+
+
+
+ ...It feels like a staggering transformation and a return to + form that was never lost, an ideal adaptation by a group that many + people didn't know they needed to hear again. + + + + + + + |
+
The words in bold are editable.
-- The quick brown fox jumped over the lazy dogs and then... -- - -
The words in bold are editable. with a maximum of 35 characters allowed.
-- The quick brown fox jumped - over the lazy dogs - - - - and then... -- - -
The words in bold are editable.
--- -The quick brown fox jumped over the lazy dogs and then...
-The quick brown fox over jumped the lazy dogs and then...
-The quick brown fox jumped over the lazy dogs and then...
-The quick brown fox jumped over the lazy dogs and then...
-The over quick brown fox jumped the lazy dogs and then...
-
" +
+ "" +
+ "";
+ var markupNode = $(markup);
+ targetContainer.append(markupNode);
+ return markupNode;
+ };
+
+ /**
+ * Simple inline edits example.
+ */
+ fluid.inlineEdit("#simpleEdit", {
+ componentDecorators: {
+ type: "fluid.undoDecorator"
+ }
+ });
+
+ fluid.inlineEdit("#artistName", {
+ componentDecorators: {
+ type: "fluid.undoDecorator"
+ }
+ });
+
+ fluid.inlineEdit("#artistNameHC", {
+ componentDecorators: {
+ type: "fluid.undoDecorator"
+ }
+ });
+
+ /**
+ * Customized simple inline edit.
+ */
+ fluid.inlineEdit("#customEdit", {
+ selectors: {
+ editContainer: "#customEditorContainer",
+ edit: "#customizedEditField"
+ },
+ componentDecorators: {
+ type: "fluid.undoDecorator",
+ options: {
+ renderer: myUndoRenderer
+ }
+ }
+ });
+
+ /**
+ * Multiple inline text editors.
+ */
+ fluid.inlineEdits("#multipleEdit", {
+ selectors: {
+ text: ".editableText",
+ editables : "p"
+ },
+ componentDecorators: {
+ type: "fluid.undoDecorator"
+ }
+ });
+ };
+
+ /**
+ * Initialize all rich text inline edit components present on the inline-edit
+ * demo.
+ */
+ var inlineRichTextEditSetup = function () {
+
+ var editors = [];
+
+ /**
+ * Create cancel and save buttons for a rich inline editor.
+ * @param {Object} editor
+ */
+ var makeButtons = function (editor) {
+ $(".save", editor.container).click(function(){
+ editor.finish();
+ return false;
+ });
+
+ $(".cancel", editor.container).click(function(){
+ editor.cancel();
+ return false;
+ });
+ };
+
+ /**
+ * Create cancel and save buttons for all rich text editors.
+ * @param {Object} editors array of rich inline editors.
+ */
+ var makeAllButtons = function (editors) {
+ while (editors.length > 0) {
+ makeButtons(editors.pop());
+ }
+ }
+
+ /**
+ * Tiny MCE rich inline text editor example.
+ */
+ editors.push(
+ fluid.inlineEdit.tinyMCE("#richEdit1", {
+ tinyMCE: {width: 1024},
+ componentDecorators: {
+ type: "fluid.undoDecorator"
+ }
+ })
+ );
+
+ /**
+ * FCK Editor rich inline text editor example.
+ */
+ editors.push(
+ fluid.inlineEdit.FCKEditor("#richEdit2", {
+ FCKEditor: {BasePath: "../../../../tests/manual-tests/lib/fckeditor/"},
+ componentDecorators: {
+ type: "fluid.undoDecorator"
+ }
+ })
+ );
+
+ /**
+ * Mist theme block.
+ */
+ editors.push(
+ fluid.inlineEdit.tinyMCE("#cd-review1", {
+ tinyMCE: {width: 300},
+ componentDecorators: {
+ type: "fluid.undoDecorator"
+ }
+ })
+ );
+
+ editors.push(
+ fluid.inlineEdit.FCKEditor("#cd-review2", {
+ FCKEditor: {BasePath: "../../../../tests/manual-tests/lib/fckeditor/"},
+ componentDecorators: {
+ type: "fluid.undoDecorator"
+ }
+ })
+ );
+
+ /**
+ * High Contrast theme block.
+ */
+ editors.push(
+ fluid.inlineEdit.tinyMCE("#cd-review1HC", {
+ tinyMCE: {width: 300},
+ componentDecorators: {
+ type: "fluid.undoDecorator"
+ }
+ })
+ );
+
+ editors.push(
+ fluid.inlineEdit.FCKEditor("#cd-review2HC", {
+ FCKEditor: {BasePath: "../../../../tests/manual-tests/lib/fckeditor/"},
+ componentDecorators: {
+ type: "fluid.undoDecorator"
+ }
+ })
+ );
+
+ makeAllButtons(editors);
+ };
+
+ demo.initInlineEdit = function () {
+ inlineSimpleEditSetup();
+ inlineRichTextEditSetup();
+ };
+})(jQuery, fluid);
\ No newline at end of file