Lib: html

Showing posts with label html. Show all posts

<img alt="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" />

Feb

Add a event to Google Calendar dynamically

hlGoogle.NavigateUrl = string.Format(
    "https://www.google.com/calendar/render?action=TEMPLATE&text={0}&dates={1:yyyyMMddTHHmmss}/{2:yyyyMMddTHHmmss}&sprop=website:{3}&location={4}&details={5}",
    EventName,
    Convert.ToDateTime(FromDate),
    Convert.ToDateTime(ToDate),
    Request.Url.Host,
    Location,
    Details
);

Feb

Data URI schema

html

work.bmp URL:

Data URI:

work.gif URL:

Data URI:

work.jpg URL:

Data URI:

work.png URL:

Data URI:

Data URI schema

Feb

Word break tag : (HTML5)

html

The HTML tag is used defines a potential line break point if needed. This stands for Word BReak.

This is used with the tag, advises the extended browser when it may insert a line break in an otherwise nonbreakable sequence of text. Unlike the tag, which always causes a line break, even within a - tagged segment, the tag works only when placed inside a - tagged content segment and causes a line break only if the current line has already extended beyond the browser's display window margins.

test:

Words without breaks

ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff

Words with breaks

Feb

Html Editors

html

NicEdit
授權方式
http://nicedit.com/license.php


CLEditor
授權方式
You may use CLEditor under the terms of either the MIT License or the GNU General Public License (GPL) Version 2.


CKEditor
可與 CKFinder 整合
授權方式
http://ckeditor.com/license


Cross-Browser Rich Text Editor (RTE)
授權方式
http://creativecommons.org/licenses/by/2.5/


TinyMCE - Javascript WYSIWYG Editor
授權方式(LGPL)
http://tinymce.moxiecode.com/license.php

Feb

CKEditor compact implement guid

html Javascript jQuery

implement way 1 : use css

<textarea id="editor" class="ckeditor"></textarea>

implement way 2 : use javascript

<textarea id="editor"></textarea>
<script type="text/javascript">
// default
CKEDITOR.replace("editor");
// with settings
CKEDITOR.replace("editor", {skin:"office2003", toolbar:"Basic"});
</script>

implement way 3 : use jQuery

<textarea id="editor"></textarea>
<script type="text/javascript">
// default
$("#editor").ckeditor();
// with settings
$("#editor").ckeditor(
    function(){
        // callback code
    },
    {
        uiColor: "pink",
        skin: "kama",
        toolbar: [
            ["Source", "Preview"],
            "/",  // line break
            ["Cut", "Copy", "Paste", "PasteText", "PasteFromWord", "Print", "SpellChecker", "Scayt"]
        ]
    }
);
</script>

`toolbar properties`
"Source"
"Save"	"NewPage"	"Preview"	"Templates"
"Cut"	"Copy"	"Paste"	"PasteText"	"PasteFromWord"	"Print"	"SpellChecker"	"Scayt"
"Undo"	"Redo"	"Find"	"Replace"	"SelectAll"	"RemoveFormat"
"Form"	"Checkbox"	"Radio"	"TextField"	"Textarea"	"Select"	"Button"	"ImageButton"	"HiddenField"
"Bold"	"Italic"	"Underline"	"Strike"	"Subscript"	"Superscript"
"NumberedList"	"BulletedList"	"Outdent"	"Indent"	"Blockquote"
"JustifyLeft"	"JustifyCenter"	"JustifyRight"	"JustifyBlock"
"Link"	"Unlink"	"Anchor"
"Image"	"Flash"	"Table"	"HorizontalRule"	"Smiley"	"SpecialChar"	"PageBreak"
"Styles"	"Format"	"Font"	"FontSize"
"TextColor"	"BGColor"
"Maximize"	"ShowBlocks"	"About"

CKEditor 3 JavaScript API Documentation