PageBreeze is a powerful FREE HTML Editor which has both visual (WYSIWYG) and HTML tag modes. PageBreeze's design emphasizes simplicity and ease-of-use. You'll find that you'll be creating great looking websites almost instantly. Hype sells for $29.99 in the Mac App Store and is an amazing HTML5 WYSIWYG editor. Created by two ex-Apple engineers, it's gaining rave reviews and can be used to create animated websites. HTML Kit - An HTML editor that can create web pages, as well as edit other types of text files. KompoZer - A free WYSIWYG editor that is designed to be easy for people to use. Microsoft Expression Web - An easy and now free to use program that allows you to do everything within a WYSIWYG interface. The free open source Amaya WYSIWYG HTML editor comes from the World Wide Wed Consortium (W3C). It started as an HTML and Cascading Style Sheets editor but now supports XML and XML applications such as HTML, MathML and Scalable Vector Graphics (SVG).
|
More by: relevance | popularity | freeware | mobile | title |
1 | NoteTab Pro |
---|---|
A leading-edge, award-winning text and HTMLeditor. Handle huge files with ease, convert text to HTML, build document templates and take charge of your code. Fully extensible, with a powerful scripting language to meet the needs of the serious user. ... | |
Size: 1.8 MB, Price: USD $29.95 , License: Shareware, Author: Fookes Software Ltd (fookes.com) |
2 | NoteTab Light |
---|---|
The ultimate free Notepad replacement and a handy HTMLeditor. Handle a heap of files with a simple tabbed interface. Search files, strip HTML tags and format text quickly. Use macros and collect text clips automatically on a paste board. NoteTab Light ... | |
Size: 1.8 MB, Price: Free, License: Freeware, Author: Fookes Software Ltd (fookes.com) |
3 | EditPlus |
---|---|
EditPlus is a text editor, HTMLeditor, PHP editor and Java editor for Windows. While it can serve as a good Notepad replacement, it also offers many powerful features for Web page authors and programmers. EditPlus is a text editor, HTMLeditor, PHP ... | |
Size: 2.0 MB, Price: USD $35.00 , License: Shareware, Author: ES-Computing (editplus.com) |
4 | DzSoft WebPad |
---|---|
DzSoft WebPad is a simple and extensible HTMLeditor with PHP and JavaScrip syntax highlighting. Features one-click preview in built-in browser, the HTML Tidy tool from the World Wide Web Consortium to format and cleanup your HTML code and much more. | |
Size: 1.9 MB, Price: Free, License: Freeware, Author: DzSoft Ltd (dzsoft.com) | |
Dzsoft, Editor, Html, Notepad, Preview, Syntax, Webpad |
5 | Site Builder |
---|---|
Site Builder is an easy to use but powerful HTMLeditor. Site Builder is an easy to use and powerful HTMLeditor, it can be used for beginners as well as for advanced users. It has an easy to use interface, full customizable toolbars. A built in page ... | |
Size: 1.9 MB, Price: USD $19.00 , License: Shareware, Author: PBNSOFT (pbnsoft.com) | |
Advanced, Beginner, Build, Easy, Editor, Frontpage, Ftp, Hex, Homesite, Hotdog, Html, Page Generator, Site Builder, Tools, Webpage, Wizard |
6 | 1st Simple HTMLEditor |
---|---|
A text-based HTMLeditor. Generating HTML pages with repeating codes. 1st Simple HTMLEditor is a text-based HTMLeditor, which allows you to quickly change your Website pages, containing same blocks of repeating codes. You only need to edit the repeating ... | |
Size: 259.9 KB, Price: USD $14.95 , License: Shareware, Author: catchysoft.com (catchysoft.com) | |
1st, Block, Editor, Generator, Html, Page, Repeating, Simple, Site, Text, Unicode, Web-site, Webpage, Website |
7 | Rapid CSS Editor 2005 |
---|---|
Quick, convenient and powerful cascading style sheet and HTMLeditor With Rapid CSS Editor you can quickly and easily create and edit cascading style sheets of any size and complexity. You can write the style sheet code manually or let the program do ... | |
Size: 3.5 MB, Price: USD $19.85 , License: Shareware, Author: Blumentals Software (blumentals.net) | |
Css, Css Editor, Html, Html Editor, Rapid Css, Style Sheets, Validate, Xhtml Editor |
8 | CoffeeCup HTMLEditor |
---|---|
The HTMLEditor now supports HTML5 and CSS3. With this and other great tools like code completion, a comprehensive tag reference, built-in validation, and vibrant website themes you can create gorgeous, standards-compliant sites. CoffeeCup HTMLEditor: ... | |
Size: 30.0 MB, Price: USD $69.00 , License: Shareware, Author: CoffeeCup Software (coffeecup.com) | |
Applets, Download, Editor, Flash, Free, Freeware, Ftp, Gif Animator, Html, Html Editor, Image Map, Java, Javascript, Shareware, Software, Web Site, Website Design, Wysiwyg, Xml |
9 | Able Web Editor |
---|---|
An HTMLEditor with Page Samples that demystify HTML and CSS. An HTMLEditor with Page Samples that demystify the process of creating Web Pages using HTML and Cascading Style Sheets. It runs on Windows 98, ME, XP, and 2000 with IE5 or IE6 and a minimum ... | |
Size: 5.9 MB, Price: USD $50.00 , License: Demo, Author: Design Enterprises of San Francisco (deofsf.com) | |
Able Web Editor, Ablewebeditor, Accessibility, Asp, Download, Free Software, Hot Spots, Html Editor, Html Text Editor, Html Tools, Image Maps, Jsp, Miva, Mysql, Perl, Php, Section 508, Text Editor, Text-based Html Editor, Tutorial |
10 | Able Web Editor Demo |
---|---|
An HTMLEditor with Page Samples that demystify HTML and CSS. An HTMLEditor with Page Samples that demystify the process of creating Web Pages using HTML and Cascading Style Sheets. It runs on Windows 98, ME, XP, and 2000 with a minimum screen size ... | |
Size: 4.5 MB, Price: USD $50.00 , License: Demo, Author: Design Enterprises of San Francisco (deofsf.com) | |
Able Web Editor, Ablewebeditor, Download, Editor, Free Software, Html, Html Editor, Html Tools, Web Authoring |
11 | Bash HTMLEditor |
---|---|
The HTMLeditor for people who hand-code their pages, but want to do it faster. Unlike most HTML editors, which are bloated and expensive yet offer little in actual features, Bash HTMLEditor is designed to be completely utilitarian. Everything you need ... | |
Size: 3.1 MB, Price: USD $14.95 , License: Shareware, Author: Bash Software (bashsoftware.net) | |
Beginner, Cgi, Client, Code, Convert, Create, Css, Design, Editor, Flash, Font, Form, Frame, Ftp, Html, Image, Import, Javascript, Link, Make |
12 | WebGrid DataGrid/Graphs/WYSIWYG htmleditor |
---|---|
Display your data with built-in graphs or WYSIWYG htmleditor WebGrid is an all-purpose datagrid optimized for large recordsets with 100% managed code and small learning curve. Configure WebGrid with built-in product templates or column ... | |
Size: 6.3 MB, Price: Free, License: Freeware, Author: Olav Botterli konsulenttjenester (webgrid.com) | |
Charts, Datagrid, Graphs, Html Editor, Xml |
13 | CodeSnap Classic |
---|---|
CodeSnap is a color coded HtmlEditor provided with instant preview and HTML tidy features that gives warnings about error found in your HTML code. Further you can also repair the loaded HTML page and save it into another file. CodeSnap is a color coded ... | |
Size: 708.0 KB, Price: Free, License: Freeware, Author: Proletary Software (proletary.com) | |
Browser Preview, Html Editor, Html Tidy |
14 | CyD WEB Development |
---|---|
Include: CyD WEB Animation Studio, CyD FTP Client, CyD HTMLEditor, CyD Image Viewer. Software collection for WEB Development. Include: CyD WEB Animation Studio, CyD FTP Client, CyD HTMLEditor, CyD Image Viewer. | |
Size: 6.0 MB, Price: USD $49.00 , License: Shareware, Author: CyD Software Labs (dphotoworkshop.com) | |
Animation, Collection, Cyd, Cyd Ftp Client, Cyd Html Editor, Development, For, Software, Studio, Web |
15 | Web Weaver Gold |
---|---|
Create exciting Web pages quickly and easily with this feature-rich HTMLeditor! Web Weaver Gold provides tutorials and wizards to help you make your own Web site. Spellchecker and hyperlink checker included. Check our Web site for 30 to 50% ... | |
Size: 8.2 MB, Price: USD $34.95 , License: Shareware, Author: McWeb Software, Inc. (mcwebsoftware.com) | |
Frames, Html Editor, Tables, Web Page Editor |
16 | NetWrite |
---|---|
A simple, easy to use HTMLEditor. Ideal for beginners and experienced users. Uses base set of HTML commands and features. WYSIWYG browser pane displays your webpage. Use of Formmail CGI ... | |
Size: 933.0 KB, Price: USD $8.50 , License: Shareware, Author: Sheilsoft Computer Systems (sheilsoft.com) | |
Beginner, Easy, Editor, Html, Simple |
17 | HTML Notepad |
---|---|
HTML Notepad is a free HTMLeditor, has one clean and convenient interface, supports syntax highlighting, word-wrap and multi-file tab pages, a rich editing environment, HTML Notepad has some true flexibility and powerful features. HTML Notepad is a ... | |
Size: 437.0 KB, Price: Free, License: Freeware, Author: HTMLNotepad.net (htmlnotepad.net) | |
Css, Editor, Html, Javascript, Php |
18 | AnyBizSoft PDF Editor for Mac Beta |
---|---|
PDF Editor for Mac Beta is an innovative PDF Editor for Mac OS X users. I t not only can help users edit PDF text, inert images and signatures, annotate on PDFs, but also allows users to convert PDF to Word for more flexible editing. PDF Editor for Mac ... | |
Size: 6.6 MB, Price: Free, License: Freeware, Author: AnyBizSoft Studio (anypdftools.com10214) | |
Edit Pdf Mac, Edit Pdf Text Mac, Pdf Editor For Mac |
19 | ImTOO Video Editor for Mac |
---|---|
The incredible video editing software for Mac - ImTOO Video Editor for Mac brings Video Cutter, Video Joiner and Video Splitter software together so you can create your best-ever videos all in one place. The incredible video editing software for Mac ... | |
Size: 31.0 MB, Price: USD $49.95 , License: Shareware, Author: imtoo.com (imtoo.com) | |
Avi Editor Mac, Edit Video Mac, Flv Editor Mac, Mp4 Editor Mac, Video Editing Software, Video Editing Software For Mac, Video Editor For Mac |
20 | Amacsoft HTML to ePub for Mac |
---|---|
This HTML to EPUB for Mac is the best assistant to help you convert HTML to EPUB eBooks on Mac with fast conversion speed and best output quality. WAmacsoft HTML to ePub Converter for Mac is the greatest assistant to assist you convert HTML to ePub for ... | |
Size: 5.8 MB, Price: USD $39.95 , License: Shareware, Author: Amacsoft Studio (amacsoft.com) | |
Epub, For, Html, Mac, To |
21 | PDF to Html Converter for Mac |
---|---|
PDF to Html Converter for Mac is one practical PDF solution pragramme that helps to convert PDF files to HTML web pages for easily making your PDF documents visible and fully searchable on the Internet, it can preserve the original formatting, bookmarks, ... | |
Size: 12.8 MB, Price: USD $49.95 , License: Free to try, Author: Alifesoft co.,ltd (alifesoft.com) | |
Convert Pdf To Html On Mac, Html, Mac Convert Pdf To Html, Pdf, Pdf To Html Conversion Mac, Pdf To Html Converter On Mac, Pdf To Html For Mac |
22 | Amacsoft PDF to HTML for Mac |
---|---|
The powerful and useful PDF to HTML for Mac is an excellent PDF to HTML Converter for Mac which specially designed by out experts to help Mac users to convert PDF to HTML on Mac fast and easily. Amacsoft PDF to HTML for Mac is a practical PDF solution ... | |
Size: 5.8 MB, Price: USD $39.95 , License: Shareware, Author: Amacsoft Studio (amacsoft.com) | |
Best Pdf To Html For Mac, Convert Pdf Files To Html On Mac, Pdf To Html Converter For Mac |
23 | Wondershare PDF Editor for Mac |
---|---|
PDF Editor for Mac is an innovative tool for users to edit, convert, and annotate PDF files on Mac OS X. PDF Editor for Mac is an innovative tool for users to edit, convert, and annotate PDF files on Mac OS X. It not only allows users to edit all the ... | |
Size: 6.7 MB, Price: USD $49.95 , License: Free to try, Author: Wondershare Software Co., Ltd. (ppt-to-dvd.com) | |
Add Pdf Text Mac, Edit Pdf Mac, Pdf Editor For Mac |
24 | Cute Editor for PHP |
---|---|
Cute Editor for PHP is the most powerful WYSIWYG (What You See Is What You Get) browser-based Online HTMLEditor for PHP. Cute Editor for PHP is the most powerful WYSIWYG (What You See Is What You Get) browser-based Online HTMLEditor for PHP. It enables ... | |
Size: 4.0 KB, Price: USD $129.00 , License: Free to try, Author: CuteSoft (cutesoft.net) | |
Editor, Html, Html Editor, Php, Php Content Management, Php Wysiwyg, Richtextbox, Wysiwyg |
25 | Cute Editor for ASP |
---|---|
Cute Editor for ASP is the most powerful WYSIWYG (What You See Is What You Get) browser-based Online HTMLEditor for ASP. Cute Editor for ASP is the most powerful WYSIWYG (What You See Is What You Get) browser-based Online HTMLEditor for ASP. It enables ... | |
Size: 6.1 MB, Price: USD $129.00 , License: Free to try, Author: CuteSoft (cutesoft.net) | |
Asp, Content, Editor, Html, Management, Wysiwyg |
More by: relevance | popularity | freeware | mobile | title |
nobodynose
Moderator
- Joined
- Sep 30, 2012
- Messages
- 4,211
- Motherboard
- ASRock Z370M Pro4
- CPU
- i7-8700
- Graphics
- RX 560
- Mac
- , , ,
- Classic Mac
- , ,
- Mobile Phone
- ,
This guide intends to explain how to use the XenForo WYSIWYG editor. Note that the editor isn't truly WYSIWYG ('what you see is what you get') -- while the majority of the formatting options are displayed immediately in the editor (indicated by 'WYSIWYG'), some are displayed (until previewed or posted) as their BBCode markup equivalents (indicated by 'BBCode
Windows 10 Html Editor
').Text Style: Bold, Italic, and Underline(WYSIWYG)
These three buttons make the selected text Bold, Italicized, or Underlined, respectively. You may also use them to toggle these modes on and off for text as you enter it. Keyboard shortcuts for these are ⌘-B, ⌘-I, and ⌘-U (OS X); or Ctrl-B, Ctrl-I, and Ctrl-U (Windows/Linux), respectively. All of these modes may be combined with each other, and with the Text Appearance modes below.
Text Appearance: Text Color, Font Size, and Font Family(WYSIWYG)
These three buttons change the Color, Size, or FontFamily (typeface) of the selected text, respectively. You may also use them to toggle these modes on and off for text as you enter it. All of these may be combined with each other, and with the Text Style modes above.
Hyperlinks: Create Link and Remove Link(WYSIWYG)
These two buttons are used to create, modify, and remove hyperlinks. To create a link, select the text you wish to use for the link and click the first button. A dialog will pop up allowing you to enter the URL:
This same dialog can be used to modify an existing link - just select the linked text, click the link button, and the dialog will pop up with the current URL already filled in. You can then modify the URL and save your changes.
The second button (the one with the 'x' on it) is used to remove an existing link - select the linked text and click the Remove Link button. The link will be removed and the text restored to its normal appearance.
Text Alignment (menu): Align Left, Align Center, and Align Right(WYSIWYG)
This menu allows you to choose how you want the selected text to be aligned on the screen: left, center, or right. Examples:
This is left-aligned text.
Lists and Indentation: Bulleted List, Numbered List, Outdent, and Indent(WYSIWYG)
The first two buttons create a list from the selected text, one list item per new line. You can choose from a Bulleted (unordered) list or a Numbered (ordered) list. The second two buttons shift the text a fixed amount to the left (Outdent) or to the right (Indent). Examples:
Bulleted List
- Item 1
- Item 2
- Item 3
Numbered List
- Item 1
- Item 2
- Item 3
Indent and Outdent
Normal text.The quick brown fox jumped over the lazy dog. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus facilisis scelerisque nulla, sed feugiat nisl.
Insert Media: Emoticon (or 'Smilie'), Image, and Video(WYSIWYG)
The first button (Emoticon) causes a selection of emoticons to pop up at the bottom of the edit window. You can then click on the desired emoticon to insert it into your post.
The second button (Image) pops up a dialog allowing you to enter a URL for an externally hosted image, to be displayed inline in your post (as opposed to uploading an image to tonymacx86.com and displaying it).
The third button (Video) pops up a dialog allowing you to enter a URL for a video hosted at any of the following websites:
- Dailymotion.com
- Facebook.com
- LiveLeak.com
- Metacafe.com
- Vimeo.com
- YouTube.com
Miscellaneous Formatting (menu): Quote, Spoiler, Code, and Strike-through(BBCode)
This menu allows you to choose various other text formatting styles: Quote, Spoiler, Code, or Strike-through.
Quote inserts formatting tags around the selected text to format it as a block quote. Example - this text, wrapped in {QUOTE} {/QUOTE} tags (with square brackets, not curly braces):
will result in this:
Options that are added to QUOTE by default display the name of the person who originally posted the quote, along with an arrow that when clicked, will take the reader to the original posting. These options:
will result in a quote header that looks like this:
where the arrow takes you to the original post containing the quote. It is usually unnecessary to modify or otherwise touch these options.
Spoiler pops up a dialog for creating a 'spoiler alert', that is, a button which unhides or hides the given text so that the user is in control of whether he or she wants the text displayed. The term 'spoiler' originated with TV and movies, where discussion of plot elements may 'spoil' the show or movie for those who haven't yet seen it.
Spoiler inserts formatting tags around the selected text to hide it until the reader clicks the button. Example - this text, wrapped in {SPOILER} {/SPOILER} tags(with square brackets, not curly braces):
will result in this:
Code inserts formatting tags around the selected text to format it as computer code, which means it is displayed in a monospaced font and all spaces are treated as non-breaking spaces (so that whitespace in the code is indented as it should be, and long lines are possible without the text wrapping). Example - this text is wrapped in {CODE} {/CODE} tags (with square brackets, not curly braces):
Strike-through inserts formatting tags around the selected text to format it as stricken text (with a horizontal line drawn through it). Example - this text, wrapped in {S} {/S} tags (with square brackets, not curly braces):
will result in this:
Media Gallery Embed(WYSIWYG)
This button allows you to embed images you have stored in a media album on this site into your post. If you do not have any albums or images stored, you'll see a message at the bottom of the edit window, with a link inviting you to add media:
Clicking this link will give you a dialog which will step you through the process of creating a media album and uploading images to it. If you do have images in an album, they will be displayed as thumbnails at the bottom of the edit window:
You can embed an image from your media albums by clicking its thumbnail; it will be embedded at the current position.
Newegg Affiliate Link(BBCode)
This button adds a set of tags around the selected URL text to make it into a Newegg.com affiliate link. The text must be the URL of a Newegg.com product page in order for the link to work. Every time someone clicks a Newegg.com affiliate link on this site and purchases the product, tonymacx86.com earns a commission for the referral. So by creating Newegg.com affiliate links, you're supporting tonymacx86.com. (Amazon.com has a similar affiliate program, of which tonymacx86.com is also a member. However, Amazon.com product links have the affiliate code automatically embedded by the forum software.)
Undo and Redo
The Undo button backs out the most recent action you performed in the editor - entering text, changing a font, etc., and has the keyboard shortcut ⌘-Z (Ctrl-Z on Windows/Linux). Redo repeats the previous action you performed in the editor, and has the keyboard shortcut ⌘-Y (Ctrl-Y on Windows/Linux).
Remove Formatting
The Remove Formatting button removes all formatting, images, and so on from the selected text, returning it to plain text in the default font size, typeface, etc.
Use BBCode Editor
The Use BBCode Editor button switches you from the WYSIWYG view in the editor to a code view, similar to working with the source HTML code in a regular web page. This view reveals - and allows you to directly edit - all the BBCode tags that the WYSIWYG editor has inserted in your post (tags which are rendered as text formatting, embedded images, etc.)
Drafts (menu): Save Draft and Delete Draft
This menu is only available in the WYSIWYG editor when you are creating a new post (including replying to another member's post); it isn't available when you are editing one you've already posted.
Save Draft retains the text and formatting you've entered so far into the editor, so you can leave the page and come back to it later if you want, and the editor will be pre-populated with your saved work.
Delete Draft removes the text and formatting you previously saved (with Save Draft), so that it won't come back next time you start to create a new post.
Other Buttons
These buttons perform various functions, and which ones you have available to you vary whether you are creating a post for the first time, editing your own post, or replying to someone else's post.
Button | Function |
Create Thread | Saves your post when you are creating a new post, making it public. |
Post Reply | Saves a post that you are creating in response to someone else's post, making it public. |
Save Changes | Saves modifications you are making to a previous post you are editing, making them public. |
Upload a File | For uploading images and other attachments (see Working with Attachments for more information). |
Preview | Shows you what your post will look like to forum members once you have saved it. Note that Preview does *not* save your work. |
Insert Quotes | Adds any quotes from other posts that you've marked for inclusion in your post, inserting them (with the appropriate BBCode tags) into your post at the current position. |
More Options | Switches your view from a simplified version of the editor to the full WYSIWYG editor. |
Working with Attachments
Attachments are very easy to work with in XenForo. The method for attaching a file to a post is the same for images as well as other types of files: click the Upload a File button. This gives you a standard operating system dialog box, which will allow you to choose a file to upload. You can select multiple files at once by holding down the ⌘ key (Ctrl in Windows/Linux) in the dialog. Not all file types are allowed as attachments; the allowed file types are:
File Type | Extension |
ZIP archive | .zip |
RAR archive | .rar |
Text file | .txt |
PDF document | |
PNG image | .png |
JPEG image | .jpg, .jpeg, or .jpe |
GIF image | .gif |
ACPI machine language binary | .aml |
ACPI source file | .dsl |
OS X disk image | .dmg |
ISO image | .iso |
MultiBeast config file | .mb |
Property list file (XML) | .plist |
IOJones file | .iojones |
IORegistryExplorer file | .ioreg |
Images (with filenames ending in .png, .jpg, .jpeg, .jpe, and .gif) are treated differently from other attachment types as you can embed them within your post. You can embed them either as a thumbnail (which will display full size when it's clicked on) or full size, using the Thumbnail or Full Image button that's displayed with each image. Clicking either button will embed the image at your current cursor position.
Kernel extensions (.kext 'files') are a special case - since they are technically folders, they have to be zipped (compressed) before they can be uploaded as attachments.
Tables
Tables can be created in postings by switching to the BBCode Editor mode. The BBCode markup for a simple table looks like this:
and renders like this:
Header A | Header B | Header C | |
Row 1 | 1A | 1B | 1C |
Row 2 | 2A | 2B | 2C |
Row 3 | 3A | 3B | 3C |
Options available for tables are at the cell (TD and TH) level are:
bgcolor:color_descriptor to fill the cell background with a color other than white. color_descriptor is either a standard color name (e.g. 'black', 'gray', 'red', etc.) or an HTML hex #rrggbb code (e.g. '#FF0000' for red, '#0000FF' for blue, '#C0C0C0' for a medium gray, etc.)
For example:
removes gridlines from the table above and changes the background colors of the specified cells, like so:
Header A | Header B | Header C | |
Row 1 | 1A | 1B | 1C |
Row 2 | 2A | 2B | 2C |
Row 3 | 3A | 3B | 3C |
Post Options
Wysiwyg Web Builder For Mac
At the end of the posting form, after the edit window and attachments list, there is a pair of checkboxes:
These control notifications for the thread. Select the first checkbox ('Watch this thread') to be notified in the alert dropdown at the top of your screen whenever someone posts a reply to the thread. Select the second checkbox ('receive email notifications') to receive an email notification as well.