xiongzhu
/
O2OA


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493
							<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <script src="/o2_lib/htmleditor/ckeditor4114/ckeditor.js"></script>
  <title>Document Editor</title>
  <style type="text/css">
    /* Minimal styling to center the editor in this sample */
    body {
      padding: 30px;
      display: flex;
      align-items: center;
      text-align: center;
    }
    .container {
      margin: 0 auto;
    }
  </style>
	<script>
		var x = {
			"node": {
				"height": "100%",
				"background": "#ffffff",
				"overflow": "hidden"
			},
			"exportAreaNode": {
				"padding": "5px",
				"overflow": "hidden"
			},
			"searchAreaNode": {
				//"padding": "0px 20px 0px 10px",
				"overflow": "hidden"
			},
			"viewAreaNode": {
				"overflow": "hidden"
			},
			"viewPageNode": {
				"height": "80px"
			},
			"viewPageAreaNode": {
				"height": "24px",
				"margin-top": "28px"
			},
			"viewPageContentNode": {
				"float": "left",
				"margin-left": "10px",
				"height": "24px"
			}
			"viewPageFirstLastNode": {
				"height": "24px",
				"width": "80px",
				"border": "1px solid #e6e6e6",
				"color": "#777777",
				"text-align": "center",
				"line-height": "24px",
				"cursor": "pointer",
				"background-color": "#ffffff",
				"float": "left"
			},
			"viewPageFirstLastNode_over": {
				"background-color": "#f1f1f1"
			},
			"viewPageFirstLastNode_down": {
				"background-color": "#dddddd"
			},
			"viewPageFirstLastNode_up": {
				"background-color": "#ffffff"
			},

			"viewPageButtonNode": {
				"width": "24px",
				"height": "24px",
				"border": "1px solid #e6e6e6",
				"color": "#777777",
				"text-align": "center",
				"line-height": "24px",
				"cursor": "pointer",
				"background-color": "#ffffff",
				"float": "left",
				"margin-right": "10px"
			},

			"searchSimpleNode": {
				"height": "24px",
				"border": "1px solid #CCCCCC",
				"margin": "10px",
				"border-radius": "5px",
				"overflow": "hidden"
			},
			"searchSimpleButtonNode": {
				"height": "24px",
				"width": "30px",
				"overflow": "hidden",
				"float": "right",
				"cursor": "pointer",
				"background": "url(/x_component_process_Application/$Viewer/default/icon/search.png) center center no-repeat",
			},
			"searchSimpleInputNode": {
				"border": "0px",
				"height": "22px",
				"display": "block",
				"padding": "0px 5px",
				"border-radius": "5px",
				"color": "#999999",
				"width": "90%"
			},
			"viewFilterSearchInputAreaNode": {
				//"min-width": "300px",
				//"width": "40%",
				"height": "24px",
				"border": "1px solid #cccccc",
				"margin": "10px 90px 10px 10px",
				"border-radius": "5px"
			},
			"viewFilterSearchInputAreaNode_custom": {
				"width": "auto",
				"height": "80px",
				"border": "1px solid #cccccc",
				"float": "none",
				"margin": "10px",
				"border-radius": "5px",
			},
			"viewFilterSearchCustomActionNode": {
				"height": "24px",
				"line-height": "24px",
				"border": "1px solid #cccccc",
				"color": "#333333",
				"text-align": "center",
				"margin": "10px 10px 10px 0px",
				"padding": "0px 10px",
				"float": "right",
				"cursor": "pointer",
				"border-radius": "5px",
				"margin-left": "10px"
			},
			"viewFilterSearchIconNode": {
				"height": "24px",
				"width": "40px",
				"background": "url("+"/x_component_process_Application/$Viewer/default/icon/search.png) center center no-repeat",
				"float": "right",
				"cursor": "pointer"
			},
			"viewFilterSearchInputBoxNode": {
				"margin-right": "40px",
				"margin-left": "5px",
				"height": "24px",
				"overflow": "hidden"
			},
			"viewFilterSearchInputNode": {
				"width": "99%",
				"height": "22px",
				"color": "#999999",
				"border-radius": "5px",
				"border": "0px"
			},
			"viewFilterSearchCustomCloseActionNode": {
				"width": "20px",
				"height": "80px",
				"float": "right",
				"background": "url("+"/x_component_process_Application/$Viewer/default/icon/back.png) center 5px no-repeat",
				"cursor": "pointer"
			},
			"viewFilterSearchCustomContentNode": {
				"height": "80px",
				"margin-right": "20px"
			},
			"viewFilterSearchCustomPathContentNode": {
				"height": "80px",
				"border-right": "1px solid #cccccc",
				"width": "99px",
				"float": "left"
			},
			"viewFilterSearchCustomComparisonContentNode": {
				"height": "80px",
				"border-right": "1px solid #cccccc",
				"width": "99px",
				"float": "left"
			},
			"viewFilterSearchCustomValueContentNode": {
				"height": "80px",
				"border-right": "1px solid #cccccc",
				"width": "199px",
				"float": "left"
			},
			"viewFilterSearchCustomAddContentNode": {
				"width": "19px",
				"height": "80px",
				"border-right": "1px solid #cccccc",
				"background-color": "#eeeeee",
				"float": "left",
				"cursor": "pointer"
			},
			"viewFilterSearchCustomAddIconNode": {
				"background": "url("+"/x_component_process_Application/$Viewer/default/icon/right.png) center center no-repeat",
				"height": "80px"
			},
			"viewFilterSearchCustomFilterContentNode": {
				"height": "74px",
				"padding": "3px",
				"overflow": "auto",
				"margin-left": "420px"
			},
			"viewFilterSearchCustomPathListNode": {
				"border": "0px",
				"border-radius": "5px",
				"height": "80px",
				"padding": "3px",
				"width": "99px",
				"font-size": "12px"
			},
			"viewFilterSearchCustomComparisonListNode": {
				"border": "0px",
				"height": "80px",
				"padding": "3px",
				"width": "99px",
				"font-size": "12px"
			},
			"viewFilterSearchOptionNode": {
				"margin": "3px"
			},
			"viewFilterSearchCustomValueNode": {
				"border": "0px",
				"height": "78px",
				"overflow": "auto",
				"width": "197px"
			},
			"viewFilterSearchCustomValueSelectNode": {
				"border": "0px",
				"padding": "2px",
				"height": "74px",
				"overflow": "auto",
				"width": "194px"
			},
			"viewSearchFilterNode": {
				"height": "19px",
				"margin": "2px",
				"line-height": "19px",
				"border": "1px solid #cccccc",
				"border-radius": "3px",
				"cursor": "pointer",
				"color": "#666666",
				"float": "left"
			},
			"viewSearchFilterNode_over": {
				"border": "1px solid #fe9145",
				//"color": "#fe9145",
			},
			"viewSearchFilterSelectAreaNode": {
				"height": "17px",
				"padding": "0px 3px",
				"margin": "1px 3px",
				"background-color": "#dddddd",
				"border-radius": "8px",
				"color": "#333333",
				"float": "left"
			},
			"viewSearchFilterSelectNode": {
				"line-height": "17px",
				"height": "15px",
				"padding": "0px 2px",
				"font-size": "11px",
				"float": "left"
			},
			"viewSearchFilterSelectButtonNode": {
				"float": "right",
				"height": "13px",
				"width": "13px",
				"margin": "2px 0px",
				"border-radius": "6px",
				"background-color": "#666666",
			},
			"viewSearchFilterSelectButtonNode_over": {
				"background-color": "#fe9145"
			},
			"viewSearchFilterTextNode": {
				"height": "19px",
				"padding": "0px 3px",
				"float": "left"
			},
			"viewSearchFilterDeleteNode": {
				"width": "20px",
				"height": "19px",
				"background": "url("+"/x_component_process_Application/$Viewer/default/icon/delFilter.png) center center no-repeat",
				"float": "left"
			},
			"viewSearchFilterDeleteNode_over": {
				"background": "url("+"/x_component_process_Application/$Viewer/default/icon/delFilter_over.png) center center no-repeat"
			},
			"contentAreaNode": {
				//"padding": "0px 20px",
				"height": "100%",
				"overflow": "auto"
			},
			"viewTitleTableNode": {
				"margin-bottom": "20px",
				"width": "100%"
			},
			"viewLoadingAreaNode": {
				"background": "#F9F9F9",
				"height": "40px",
				"border-left": "1px solid #CCC",
				"border-right": "1px solid #CCC",
				"border-bottom": "1px solid #CCC",
				"margin-top": "-20px"
			},
			"viewLoadingNode": {
				"border-radius": "3px",
				"background": "#DDD",
				"height": "26px",
				"width": "100px",
				"margin": "auto",
				"border": "1px solid #CCC",
				"line-height": "26px",
				"color": "#666"
			},
			"viewLoadingIconNode": {
				"height": "26px",
				"width": "28px",
				"background": "url("+"/x_component_process_Application/$Viewer/default/icon/loading.gif) center center no-repeat",
				"float": "left"
			},
			"viewLoadingTextNode": {
				"margin-left": "28px"
			},
			"viewTitleLineNode": {
				"line-height": "40px",
				"height": "40px",
				"font-size": "14px",
				"color": "#666666",
				"background-color": "#EEE"
			},
			"viewTitleCellNode": {
				"font-weight": "bold",
				"padding": "0px 10px",
				"border-bottom": "1px solid #CCC"
			},
			"viewContentTrNode": {
				//"background": "transparent"
				"background": "#ffffff"
			},
			"viewContentTrNode_selected": {
				"background": "#ecf5ff"
			},
			"viewContentTdNode": {
				"height": "30px",
				"line-height": "30px",
				"font-size": "14px",
				"padding": "5px 5px",
				"border-bottom": "1px solid #CCC"
			},
			"viewContentCategoryTdNode": {
				"height": "30px",
				"line-height": "30px",
				"padding": "5px 5px",
				"border-bottom": "1px solid #CCC",
				"font-weight": "bold",
				"background-color": "#F6F6F6",
				"cursor": "pointer"
			},
			"worksAreaNode": {
				"width": "500px",
				"min-height": "200px",
				"max-height": "600px",
				"border": "2px solid #999999",
				"border-radius": "5px",
				"box-shadow": "0px 0px 5px #ffffff",
				"background-color": "#ffffff",
				"overflow": "auto",
				"position": "absolute",
				"z-index": "200"
			},
			"worksAreaTitleNode": {
				"height": "20px",
			},
			"worksAreaTitleCloseNode": {
				"width": "20px",
				"height": "20px",
				"float": "right",
				"background": "url("+"/x_component_process_Application/$Viewer/default/icon/close.png) center center no-repeat",
				"cursor": "pointer"
			},
			"worksAreaContentNode": {
				"padding": "0px 0px 20px 0px",
				"overflow": "hidden"
			},
			"workAreaNode": {
				"height": "40px",
				"background-color": "#eeeeee",
				"margin-bottom": "3px",
				"padding": "5px 10px"
			},
			"workAreaTitleNode": {
				"height": "20px",
				"line-height": "20px",
			},
			"workAreaContentNode": {
				"height": "20px",
				"line-height": "20px",
				"color": "#333333"
			},
			"workAreaContentTitleNode": {
				"font-weight": "bold",
				"float": "left",
				"color": "#000000",
				"margin-right": "5px"
			},
			"workAreaContentTextNode": {
				"color": "#333333",
				"float": "left",
				"margin-right": "10px"
			},
			"workAreaActionNode": {
				"height": "20px",
				"line-height": "20px",
				"marign-right": "20px",
				"margin-left": "20px",
				"width": "40px",
				"text-align": "center",
				"cursor": "pointer",
				"margin-top": "10px",
				"background-color": "#ffffff",
				"border": "1px solid #999999",
				"border-radius": "3px",
				"float": "right"
			},
			"workAreaLeftNode": {
				"margin-right": "80px",
				"overflow": "hidden"
			}
		}

	</script>
</head>
<body>
<div class="container">
  <h2><label for="editor1">Document Editor</label></h2>
  <textarea id="editor1">
		&lt;h2 style="text-align: center;"&gt;The Flavorful Tuscany Meetup&lt;/h2&gt;
		&lt;p style="text-align: center;"&gt;&lt;span style="color: #007ac9;"&gt;&lt;strong&gt;Welcome letter&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
		&lt;p&gt;Dear Guest,&lt;/p&gt;
		&lt;p&gt;We are delighted to welcome you to the annual &lt;em&gt;Flavorful Tuscany Meetup&lt;/em&gt; and hope you will enjoy the programme as well as your stay at the Bilancino Hotel.&lt;/p&gt;
		&lt;p&gt;Please find below the full schedule of the event.&lt;/p&gt;
		&lt;table class="schedule" cellpadding="15" cellspacing="0" style="border-collapse:collapse;width:100%;"&gt;
			&lt;thead&gt;
				&lt;tr&gt;
					&lt;th colspan="2" scope="col" style="background-color: #F2F9FF; text-align: center; font-size: 21px;"&gt;&lt;span&gt;Saturday, July 14&lt;/span&gt;&lt;/th&gt;
				&lt;/tr&gt;
			&lt;/thead&gt;
			&lt;tbody&gt;
				&lt;tr&gt;
					&lt;td style="white-space:nowrap;"&gt;&lt;span&gt;9:30 AM - 11:30 AM&lt;/span&gt;&lt;/td&gt;
					&lt;td&gt;&lt;span&gt;Americano vs. Brewed - “know your coffee” session with &lt;strong&gt;Stefano Garau&lt;/strong&gt;&lt;/span&gt;&lt;/td&gt;
				&lt;/tr&gt;
				&lt;tr&gt;
					&lt;td style="white-space:nowrap;"&gt;&lt;span&gt;1:00 PM - 3:00 PM&lt;/span&gt;&lt;/td&gt;
					&lt;td&gt;&lt;span&gt;Pappardelle al pomodoro - live cooking session with &lt;strong&gt;Rita Fresco&lt;/strong&gt;&lt;/span&gt;&lt;/td&gt;
				&lt;/tr&gt;
				&lt;tr&gt;
					&lt;td style="white-space:nowrap;"&gt;&lt;span&gt;5:00 PM - 8:00 PM&lt;/span&gt;&lt;/td&gt;
					&lt;td&gt;&lt;span&gt;Tuscan vineyards at a glance - wine-tasting session with &lt;strong&gt;Frederico Riscoli&lt;/strong&gt;&lt;/span&gt;&lt;/td&gt;
				&lt;/tr&gt;
			&lt;/tbody&gt;
		&lt;/table&gt;
		&lt;blockquote&gt;
			&lt;p&gt;The annual Flavorful Tuscany meetups are always a culinary discovery. You get the best of Tuscan flavors during an intense one-day stay at one of the top hotels of the region. All the sessions are lead by top chefs passionate about their profession. I would certainly recommend to save the date in your calendar for this one!&lt;/p&gt;
			&lt;p&gt;Angelina Calvino, food journalist&lt;/p&gt;
		&lt;/blockquote&gt;
		&lt;p&gt;Please arrive at the Bilancino Hotel reception desk at least &lt;strong&gt;half an hour earlier&lt;/strong&gt; to make sure that the registration process goes as smoothly as possible.&lt;/p&gt;
		&lt;p&gt;We look forward to welcoming you to the event.&lt;/p&gt;
		&lt;p&gt;&lt;/p&gt;
		&lt;p&gt;&lt;strong&gt;Victoria Valc&lt;/strong&gt;&lt;/p&gt;
		&lt;p&gt;&lt;strong&gt;Event Manager&lt;/strong&gt;&lt;/p&gt;
		&lt;p&gt;&lt;strong&gt;Bilancino Hotel&lt;/strong&gt;&lt;/p&gt;
	</textarea>
</div>
<script>
  CKEDITOR.inline( 'editor1', {
    toolbar: [
      { name: 'document', items: [ 'Print' ] },
      { name: 'clipboard', items: [ 'Undo', 'Redo' ] },
      { name: 'styles', items: [ 'Format', 'Font', 'FontSize' ] },
      { name: 'basicstyles', items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'RemoveFormat', 'CopyFormatting' ] },
      { name: 'colors', items: [ 'TextColor', 'BGColor' ] },
      { name: 'align', items: [ 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock' ] },
      { name: 'links', items: [ 'Link', 'Unlink' ] },
      { name: 'paragraph', items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote' ] },
      { name: 'insert', items: [ 'Image', 'Table' ] },
      { name: 'tools', items: [ 'Maximize' ] },
      { name: 'editing', items: [ 'Scayt' ] }
    ]});
</script>
</body>
</html>