Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
492ec18
commit 9b07643
Showing
80 changed files
with
51,965 additions
and
0 deletions.
There are no files selected for viewing
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,49 @@ | ||
# jHtmlArea | ||
|
||
A simple, light weight, extensible WYSIWYG HTML Editor built on top of jQuery. This component allows you to easily display a WYSIWYG HTML Editor in place of any TextArea DOM Elements on the page. The minified script alone is 9.17kb; CSS and Images it's a total of 25.9kb. | ||
|
||
This project also includes Visual Studio JavaScript Intellisense support. | ||
|
||
[View Documentation Here](https://github.com/crpietschmann/jHtmlArea/wiki) | ||
|
||
## Key Advantages of jHtmlArea | ||
|
||
- Free, open source (MIT License) | ||
|
||
- Simple and Lightweight - 11kb minified - 25.3kb w/ css and images | ||
|
||
- Supports all mainstream browsers - IE7+, Firefox 3+, Safari 4+, Chrome | ||
|
||
- Built on top of jQuery (requires jQuery 1.3.2 or higher) | ||
|
||
- Full Documentation | ||
|
||
# NuGet Package | ||
|
||
[http://nuget.org/packages/jHtmlArea](http://nuget.org/packages/jHtmlArea) | ||
|
||
![](img/nuget-package-install.png) | ||
|
||
## Screenshots | ||
|
||
![](img/screenshot.png) | ||
|
||
## Basic Usage | ||
|
||
``` | ||
$(function(){ | ||
$("textarea").htmlarea(); | ||
}); | ||
``` | ||
|
||
## Tutorials / Articles | ||
|
||
[jHtmlArea - The all NEW HTML WYSIWYG Editor for jQuery](http://pietschsoft.com/post/2009/07/21/jHtmlArea-The-all-NEW-HTML-WYSIWYG-Editor-for-jQuery.aspx) | ||
|
||
[Adding Custom Toolbar Buttons](http://pietschsoft.com/post/2009/08/18/jHtmlArea-Adding-Custom-Toolbar-Buttons.aspx) | ||
|
||
## Icons | ||
|
||
This project also includes icons from the Silk Icon Set by Mark James. You can download the Silk Icon Set here: | ||
|
||
[http://www.famfamfam.com/lab/icons/silk/](http://www.famfamfam.com/lab/icons/silk/) |
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
Nuget Pack Package/jHtmlArea.nuspec |
6 changes: 6 additions & 0 deletions
6
src/Nuget/Package/Content/Content/jHtmlArea/jHtmlArea.ColorPickerMenu.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,6 @@ | ||
div.jHtmlAreaColorPickerMenu {border: solid 1px #bbb; background-color: #ddd; width: 116px;} | ||
div.jHtmlAreaColorPickerMenu div {float: left; margin: 2px; width: 12px; height: 14px; border: solid 1px transparent; } | ||
div.jHtmlAreaColorPickerMenu div:hover { border: dotted 2px black;} | ||
|
||
div.jHtmlAreaColorPickerMenu div.automatic { width: 104px; height: auto; padding: 2px;} | ||
div.jHtmlAreaColorPickerMenu div.automatic div { margin: 2px; width: 12px; height: 14px; border: solid 1px black;} |
6 changes: 6 additions & 0 deletions
6
src/Nuget/Package/Content/Content/jHtmlArea/jHtmlArea.Editor.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,6 @@ | ||
body | ||
{ | ||
background: #000; | ||
color: #fff; | ||
margin: 2px; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,48 @@ | ||
div.jHtmlArea { display: inline block; } | ||
div.jHtmlArea div { padding: 0px; margin: 0px; } | ||
div.jHtmlArea .ToolBar { } | ||
div.jHtmlArea .ToolBar ul { border: solid 1px #ccc; margin: 1px; padding: 1px; float: left; background: #fff url(jHtmlArea_Toolbar_Group_BG.png) repeat-x;} | ||
div.jHtmlArea .ToolBar ul li { list-style-type: none; float: left; border: none; padding: 1px; margin: 1px; } | ||
div.jHtmlArea .ToolBar ul li:hover { border: solid 1px #ccc; background: #ddd url(jHtmlArea_Toolbar_Group__Btn_Select_BG.png); padding: 0; } | ||
div.jHtmlArea .ToolBar ul li a { display: block; width: 16px; height: 16px; background: url(jHtmlArea.png) no-repeat -16px -500px; border: none; cursor: pointer; padding: 0px; } | ||
div.jHtmlArea .ToolBar ul li a.highlighted { border: solid 1px #aaa; background-color: #bbb; padding: 0; } | ||
div.jHtmlArea .ToolBar ul li.separator {height: 16px; margin: 0 2px 0 3px; border-left: 1px solid #ccc;} | ||
div.jHtmlArea .ToolBar ul li.separator:hover { padding: 1px; background-color: #fff; border-top:none; border-bottom:none; border-right:none;} | ||
|
||
div.jHtmlArea .ToolBar ul li a:hover { } | ||
div.jHtmlArea .ToolBar ul li a.bold { background-position: 0 0; } | ||
div.jHtmlArea .ToolBar ul li a.italic { background-position: -16px 0; } | ||
div.jHtmlArea .ToolBar ul li a.underline { background-position: -32px 0; } | ||
div.jHtmlArea .ToolBar ul li a.strikethrough { background-position: -48px 0; } | ||
div.jHtmlArea .ToolBar ul li a.link { background-position: -64px 0; } | ||
div.jHtmlArea .ToolBar ul li a.unlink { background-position: -80px 0; } | ||
div.jHtmlArea .ToolBar ul li a.orderedlist { background-position: -96px 0; } | ||
div.jHtmlArea .ToolBar ul li a.unorderedlist { background-position: -112px 0; } | ||
div.jHtmlArea .ToolBar ul li a.image { background-position: -128px 0; } | ||
div.jHtmlArea .ToolBar ul li a.cut { background-position: -144px 0; } | ||
div.jHtmlArea .ToolBar ul li a.copy { background-position: -160px 0; } | ||
div.jHtmlArea .ToolBar ul li a.paste { background-position: -176px 0; } | ||
|
||
div.jHtmlArea .ToolBar ul li a.html { background-position: -192px 0; opacity:0.6; filter:alpha(opacity=60);} | ||
div.jHtmlArea .ToolBar ul li a.html.highlighted { opacity:1.0; filter:alpha(opacity=100);} | ||
|
||
div.jHtmlArea .ToolBar ul li a.h1 { background-position: 0 -16px;} | ||
div.jHtmlArea .ToolBar ul li a.h2 { background-position: -16px -16px;} | ||
div.jHtmlArea .ToolBar ul li a.h3 { background-position: -32px -16px;} | ||
div.jHtmlArea .ToolBar ul li a.h4 { background-position: -48px -16px;} | ||
div.jHtmlArea .ToolBar ul li a.h5 { background-position: -64px -16px;} | ||
div.jHtmlArea .ToolBar ul li a.h6 { background-position: -80px -16px;} | ||
div.jHtmlArea .ToolBar ul li a.subscript { background-position: -96px -16px;} | ||
div.jHtmlArea .ToolBar ul li a.superscript { background-position: -112px -16px;} | ||
div.jHtmlArea .ToolBar ul li a.indent { background-position: -128px -16px;} | ||
div.jHtmlArea .ToolBar ul li a.outdent { background-position: -144px -16px;} | ||
div.jHtmlArea .ToolBar ul li a.horizontalrule { background-position: -160px -16px;} | ||
div.jHtmlArea .ToolBar ul li a.p { background-position: -176px -16px;} | ||
|
||
|
||
div.jHtmlArea .ToolBar ul li a.justifyleft { background-position: 0 -32px;} | ||
div.jHtmlArea .ToolBar ul li a.justifycenter { background-position: -16px -32px;} | ||
div.jHtmlArea .ToolBar ul li a.justifyright { background-position: -32px -32px;} | ||
div.jHtmlArea .ToolBar ul li a.increasefontsize { background-position: -48px -32px;} | ||
div.jHtmlArea .ToolBar ul li a.decreasefontsize { background-position: -64px -32px;} | ||
div.jHtmlArea .ToolBar ul li a.forecolor { background-position: -80px -32px;} |
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+964 Bytes
src/Nuget/Package/Content/Content/jHtmlArea/jHtmlArea_Toolbar_Group_BG.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+942 Bytes
...et/Package/Content/Content/jHtmlArea/jHtmlArea_Toolbar_Group__Btn_Select_BG.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.