HTML-редактор — программа для создания веб-страниц. Несмотря на то, что любая веб-страница может быть создана в самом обычном текстовом редакторе на манер “Блокнота” в Windows или TextEdit в Mac OS, использование специализированных HTML-редакторов предпочтительнее, так как они предлагают более широкий функционал и обладают рядом удобств. Так, например, абсолютное большинство HTML-редакторов предоставляет средства для работы не только с HTML/XHTML, но и с целым рядом смежных технологий: CSS, JavaScript, PHP, XML и т.п. Естественно, любой редактор поддерживает подсветку синтаксиса, эффективно разделяющую участки HTML-кода. Помимо этого, многие HTML-редакторы имеют ряд “фишечек”, которые прийдутся по вкусу более искушенным веб-разработчикам: автодополнение, загрузка файлов по WebDAV и FTP, использование различных систем контроля версий и многое другое.

Виды HTML-редакторов.

Редакторы по функционалу принято делить на четыре категории:

Текстовые HTML-редакторы — более функциональные аналоги “Блокнота”, обладающие рядом преимуществ и практически не имеющие недостатков. Основной особенностью, отличающей эти редакторы от остальных, является способ создания и редактирования HTML-страниц: девелопер работает непосредственно с HTML-кодом, среда же предлагает ряд удобств вроде подсветки синтаксиса, автодополнения и макросов. Эта группа HTML-редакторов прочно завоевала первое место среди профессиональных веб-разработчиков. Объяснение этому довольно простое: разработчик имеет полный контроль над кодом страницы, хотя, возможно, и жертвует простотой и скоростью разработки.

Объектные HTML-редакторы являются промежуточным звеном между текстовыми и WYSIWYG/WYSIWYM-редакторами. Такие редакторы позволяют одновременно редактировать свойства нескольких элементов кода, как одного, т.е. группы элементов, имеющих общие значения свойств, представляются в виде одного объекта. Например, цвет ссылок в блоке “меню” — объектный HTML-редактор позволяет объединить все эти ссылки в объект и управлять значениями свойств всей группы ссылок.

WYSIWYG-редакторы представляют собой смесь браузера и текстового редактора, позволяя редактировать как исходный код веб-страницы, так и ее внешний вид, в прямом смысле перетаскивая элементы страницы с помощью мыши. Благодаря своей простоте популярны у начинающих веб-разработчиков, потому как не требуют досконального знания HTML, CSS или JavaScript — большую часть работы можно выполнить с помощью мышки и шаблонов.

WYSIWYM-редакторы позволяют работать со смысловой составляющей страницы: выделяются содержательные части текста — списки, заголовки, цитаты и т.п. В результате редактор выдает валидный и качественный xhtml+css-код: содержательная (xhtml) часть отделена от визуальной (css). Чаще всего WYSIWYM-редакторы реализуют в виде набора JavaScript и используют в какой-либо CMS в качестве редактора для добавления/правки контента.

В ближайшее время будут опубликованы обзоры HTML-редакторов каждого вида: под нож попадут xhtml-редакторы для Windows и Mac OS X (пользователи Linux, как правило, давно определились с выбором).

• текстовые редакторы;
• объектные редакторы;
• WYSIWYG-редакторы (What You See Is What You Get — получаешь то, что видишь);
• WYSIWYM-редакторы (What You See Is What You Mean — получаешь то, что имеешь в виду).

Here is where you write your first post.

You can make the text bold or italics.

You can also make paragraph right aligned.

You can even add hyperlinks to Google or Twitter if you like!

You can do practically anything a WYSIWYG editor will allow!

When I write my blog posts I usually write the html by hand in the HTML view of WordPress. Quite cumbersome when you get long paragraphs, especially when they also contain a few links.

Before I knew it I was hacking away at a Python script that converted text between set characters into HTML. For example, I turned _link_url_linktext_ into <a href="url">linktext</a>.

As I was doing this the syntax evolved and became more and more like the system used for input over at Stackoverflow. My subconscious was reminding me how the syntax worked and I reimplemented it. When I became aware of this, I stopped, went to Stackoverflow and checked the formatting help section. Quite funny actually.

The system used is called Markdown, and is designed specifically so you can write webcontent without making the actual source text a complete and utter mess.

I did some searching for a good “editor” and found one called Showdown. Im actually on that site as Im tying this. There are two things I like about it:

• What I type is converted in realtime, so its near impossible for syntax errors to go unnoticed.
• I can switch from the preview mode (rendered html) to raw HTML output, which is needed since I need to paste the entire thing into WordPress when Im done.

I threw away my hacky script, since Im currently not planning to learn more about wheels, I just want my postwriting to be a bit easier.

Interested? Just head over to Showdown and start experimenting, if you get stuck, check the full Markdown syntax reference.

Por cuestiones de tiempo recién pude hacerlo hoy, dejo imagen y la url para que lo vean. Vale recordar que esta clase de editor usa un iframe y la función execCommand. La función “resaltar()” va a ser la que va a mostrar el contenido del iframe con sus correspondientes caracteres.

Link - sino clickear en la imagen -.

a

Ya abierto el blog me he encontrado una herramienta que tiene muchísimas opciones para postear -en diferentes servicios de blog- y además se hace de forma rápida y sencilla. ¿Su nombre? Windows Live Writer.

La interfaz de WLW es cómoda e intuitiva, puedes ir viendo como va quedando tu entrada al irla editando, es decir se trata de un editor WYSIWYG, también es posible crear borradores estando offline.

Estoy comenzando a utilizarlo, anímense esta muy completo, es gratis y lo pueden descargar desde aquí. Como despedida un tip para quienes lo vayan a usar con WordPress y les salte un error al momento de agregar su cuenta (URL del blog, usuario y contraseña), lo que deben hacer es ir a su Dashboard o panel de control, en el menú opciones seleccionar opciones de escritura y por último seleccionar la opción “Activar los protocolos de publicación XML-RPC para WordPress, Movable Type, MetaWeblog y Blogger” tal y como se muestra en la siguiente imagen:

Después de ello volvemos WLW y terminara por configurarse su cuenta de WordPress para editarla desde WLW posteriormente.

Dudas o comentarios, bienvenidos.

Are you tired of posting comments on your Twitter feed and not getting the reaffirming comments you deserve?  Then I’ve* found the answer!

I've only just begun my quest toward awesomeness!

Be Fucking Awesome!

A haven of heavenly circle jerking!

A cornucopia of corny boasting!

A bucket of, um, buck-stops-here proclamations!

(I’m WYSeanIWYG, because, well, What You Sean Is What You Get.)

*Actually found by Chris

When the user wants to write a post/page he would like to write without any code as if it was a word processor,but all the webpages need to be stored into html format.To convert normal text and images into HTML code directly a javascript program called WYSIWYG editor is used which parses the text and adds HTML tags accordingly. A good WYSIWYG editor also displays the HTML code symultaniously.
A lot of editors are available freely for download and we choose “WIDGEDITOR” by Cameron Adam

because its easy to use and customize.

After tweaking and editing it according to the requirements and   looks this is what we got:

The converted html code is put into the database and displayed on the frontend.All images and media are stored in the html text with their locations referenced.

by Justin Collins

Rita Van Loenen had no idea that riding in Thomas Chappell’s taxi cab could end up being the journey that saved her life. Thomas, a veteran cab driver who has been driving Rita Van Loenen to dialysis appointments, blessed the woman a month ago by offering to donate his kidney. When testing Chappell, doctors found the cab driver and his passenger had the same blood type, that their kidneys were compatible, and a perfect match! The selfless act of this cabbie is an extreme example of being a blessing to others. God used this man to go outside of his means and save Rita’s life.  God is so good.

Agencia: Wysiwyg

Año: 2008

URL: www.elhombreanunciodigital.com

KompoZer es un editor HTML WYSIWYG opensource basado en Nvu. Es, mayormente, mantenido por una comunidad de usuarios, la misma que bifurcó el proyecto.

El proyecto parecía abandonado y no se había actualizado desde 2007 pero ha vuelto a dar señales de vida con una versión alpha, en concreto la versión 0.8 beta 1. Y no se trata de una versión en la que se corrigen bugs, está llena de novedades y aún tratándose de una versión en desarrollo es bastante más estable que la versión 0.7.10. Parece ser que Fabien Cazenave ha decidido recuperar el proyecto y se está poniendo manos a la obra. Habrá que seguir de cerca este proyecto porque tiene muy buena pinta.

Estas son las novedades de esta beta.

• Soporte FTP
• Resaltado de sintaxis en modo texto
• Nuevo editor de texto
• Mejorado el soporte para PHP
• Nuevo icono en SVG
• Nuevo UUID

+ Web de KompoZer

Capturas | Traducciones

À duas noites atrás, uma daquelas noites em que parece que todos os mosquitos embirraram comigo, o calor decidiu concentrar-se no meu corpo, e a ventoinha pareceu não me conhecer; decidi meter os fones no computador, e ouvir qualquer coisa que me distraísse..

Com as músicas vêm recordações, com as recordações acordam-se saudades e sentimentos de tristeza acumulada.. Una Palabra, Quero Paki, Fizz e Acme, Voar – Agir, Só entra Pombos, Stone Sour, Valete, Juju Gomes e etc; uma sequência aleatória que de aleatória não tinha nada. Parecia um sinal, um sinal de que o passado veio atrás de mim, atrás dos sorrisos que um dia tive.. Tive muita gente na minha vida, gente que foi aparecendo, gente que vinha  ia, gente que ainda vem e vai; mas há alguns que não se distanciam apesar da real distância.

Foi tudo espectacular, tudo sorridente, sorridente mesmo, feliz, e ás vezes meio ‘turvo’, mas a culpa era daquelas coisas que fumávamos pelas noites dentro, ahah.

Tenho saudades tuas meu irmão, dos momentos em que nos confessávamos como não fazíamos com mais ninguém, das alturas em que decidíamos que mesmo sem dinheiro íamos sorrir e viver como se fossemos ricos, como se os nossos bolsos vazios estivessem cheios e não tivessem fim. Não tenho como descrever uma amizade de 11 anos, que se mantém, mesmo estando do outro lado do mundo, e se fortalece com uma distância impotente perante aqueles verdadeiros SORRISOS e horas passadas.. tranquilamentee.

‘Eu sou de todo lugar, eu sou um pouquinho daqui e um pouquinho de lá’

Ainda choro, não tenho como conter. Eu sei que não devia, porque chorando lembro aquela despedida, aquela noite na estação de Sjoão, em que não deu pra segurar, não deu para controlar, não consegui deixar de pensar que uma boa parte de mim ficava aí, junto de um amigo, que cedo, muito cedo se tornou um verdadeiro irmão.

Aquelas noites de putos, em que ficávamos a jogar, sempre a jogar, e no dia seguinte acordávamos para ver desenhos animados, jogar futebol com caricas, trocar as caricas por bebidas no Eduardo, O tony’s bar, o Bismark (ahah), Sebuteo, consolas antigas e jogos engraçados, cadernetas cheias de cromos das competições de futebol, cartas pokemon, brinquedos partidos que se tornaram recordações de uma infância difícil mas linda. Foi tudo complicado, foi tudo mais complicado do que parecia na altura, mas não podia pedir uma infância melhor. É como nós dizemos, as recordações vão aparecendo e são tantas que é impossivel recordar num texto ou num telefonema.

‘olha, são amigos, é o que é’   

Nem jogar FM, é a mesma coisa, sem ter as mensagens para te dizer as minhas conquistas, as contratações, para fazermos saves juntos, coisas que parecem parvas, mas têm mais significado do que aparentam..

Os nossos saves no CM 0304 continuam lá, e não apago nada, não sou capaz nem o quero fazer.. Um dia vamos jogá-los juntos, outra vez.

Trato-te como um irmão, falo contigo como um irmão, e gosto de ti como um irmão [] Nunca te esqueço meu puto, porta-te bem, mesmo.

El Capitan ~ Manti

Enterra Benfica ! :’D

João Fonseca & João Ferrão ; SEMPRE.

Despues de mas de un año de liberar una version estable, Kompozer el editor WYSIWYG libre de la familia Mozilla, ha publicado la primera beta de la version 0.8 con nuevas funcionalidades como:

• Al fin, soporte (real) para FTP
• Remarcado en sintaxis en vista doble
• Habilidad para editar archivos de texto
• Mejor soporte para PHP en Linux
• Nuevo icono SVG

Ademas de las caracteristicas ya presente (Editor CSS, edicion grafica de HTML, resaltado, etiquetas). Al ser beta le faltan algunas cosas, como actualizar a la nueva version de Gecko (usa la version 1.8 y no la 1.9), pero planean solucionar este leve incoveniente en siguientes versiones.

Para instalarlo hay paquetes para Windows, MacOSX y un tar.gz generico para Linux.

Es bueno saber que este proyecto no se ha detenido y sigue su curso, de utilidad para quienes necesiten un editor HTML, y sencillo de usar.

Anuncio | KompoZer 0.8b1

Web-based HTML Editor, WYSIWYG editor, or rich text editor, is a web component that let users enter rich text input within the browser. Most of the time, these html editors are used within content management systems where administrators or authors can easily create posts and contents from the backend system.

Without talking much, let’s see these powerful Web-based HTML Editors.

1. FCKeditor
FCKeditor is one of the most famous online HTML editor. It brings the power and features of desktop editors to the web. It offers a complete integration pack for ASP, ASP.NET, PHP, Java, Perl, Phyton and etc. It supports skins, spell checker, lightweight, fast and has a lot of cool features.

2. NicEdit
NicEdit is a Javascript that integrates into any web page easily. It can turns any element/div to become editable or convert standard textareas to rich text editing.

3. TinyMCE
TinyMCE is an online wysiwyg html editor released under LGPL license. Like other wysiwyg html editors, it is able to convert textarea or other html elements to editor instances.
4. jwysiwyg
jwysiwyg is a jQuery WYSIWYG plugin with a tiny size (7kb packed). It is very simple and without much features.

5. Yahoo! UI Library: Rich Text Editor
The Rich Text Editor is part of the Yahoo YUI library and users can easily extend the features via creating plugin for it. It is very suitable for those who already familiar with other controls from YUI library.

6. Xinha
Xinha is a powerful WYSIWYG HTML editor component that works in all current browsers. It is built by the open source community, and everyone are welcome to contribute to the project.

7. Openwysiwyg
Openwysiwyg is yet another powerful open source cross browser WYSIWYG editor that contains a lot of features. It enhances table creation and you can easily create tables and customize them with built-in properties.

8. Free Rich Text Editor
Free Rich Text Editor is an extremely easy to use FREE javascript based HTML WYSIWYG editor for your website. It is easy to implement and manage to output XHTML compliant code.

9. WMD: The Wysiwym Markdown Editor
WMD is a simple and lightweight HTML editor which can be used in blog comment section or forum posts.

10. TTW HTML Editor
TTW HTML Editor is a very simple wysiwyg html editor that powered by javascript. Its spell checking feature is powered by SpellerPages, which can easily being implemented by adding parameter to the editor.

Source: webdesignbooth.com

Chi ha un Blog non sempre può connettersi a Internet per inserire un nuovo articolo. E se anche il collegamento fosse disponibile spesso gli Editor dei Blogs dispongono di poche funzionalità, obbligando spesso il Blogger a scrivere un articolo con un Layout differente.

Si dovrebbe disporre di un Editor installato sul proprio PC (ambienti Windows, MacOS o Linux) che permetta di scrivere l’articolo per il nostro Blog sfruttando le molteplici funzionalità del PC, e successivamente scaricarlo cos’ì com’è sul nostro Sito Web o Blog quando si è connessi a Internet.

Fantasia o realtà?

Ebbene questo è fattibile!

Leggi tutto l’articolo e scarica i 10 Blog Editors Download Free.

by Justin Collins

Many of you may have read our previous stories on the cure for AIDS/HIV. As of 12 noon, Thursday, September 24th, a possible vaccine has been proven effective against combating the deadly disease. The vaccine reduced the risk of being infected with HIV/AIDS greater than 31 percent in the world’s most extensive AIDS vaccine trial of more than 16,000 volunteers in Thailand, researchers announced Thursday in Bangkok. “Today marks an historic milestone,” said Mitchell Warren, executive director of the AIDS Vaccine Advocacy Coalition, an international group that has worked toward developing a vaccine.

“It will take time and resources to fully analyze and understand the data, but there is little doubt that this finding will energize and redirect the AIDS vaccine field,” he said in a statement. Even a marginally helpful vaccine could have a big impact. Every day, 7,500 people worldwide are newly infected with HIV; 2 million died of AIDS in 2007, the U.N. agency UNAIDS estimates. This is extremely exciting news not only in health and medicine, but the world over. God is contining to heal nations through the medical field.

This week follows on where last week left off, continuing to explain the difference between the Internet and the WWW, and explaining some of the key features of the WWW. The introduction of hypertext was an interesting topic, especially being able see the effect that hypertext has had on the development on the WWW thus far. Hypertext and Tim Berners-Lee’s idea of linking documents together to form a ’super database’ of information that could be browsed intuitively by users, was the foundation of the WWW it’s something that I believe has been surpassed – the WWW today is a tool with many varied uses that is not limited to simply accessing information.

Activities

1. Activity One served as an introduction to HTML, using the Blackboard discussion boards WYSIWYG editor to demonstrate various HTML tags used to create various text effects. Due to previous experience working with HTML this activity wasn’t new to me, however after learning about the history behind the WWW it’s quite interesting to see the fundamentals of the WWW are still there after so many years and despite the advances in web technologies to date.
2. This activity involved using Archive.org’s Wayback machine to view the differences in websites when they were first built (1996 – 2001) and today. It was quite amazing to see the changes websites such as google.com, dominos.com and wikipedia.org have gone through since their first appearance on the web. As with Activity One, I was able to identify that the fundamentals of the Web that Berners-Lee proposed (and developed) were still being used today.

Levi´s organiza los Unfamous Music Awards, un premio donde artistas famosos desconocidos podrán optar a ser la revelación musical del año. El ganador de entre los 6 finalistas conseguirá una gira con Dorian en Madrid y Barcelona… Más info aquí.

Drupal ver. 5.x

Dopo aver speso diverso tempo a smanettare con IMCE, decido che l’interfaccia non mi piace, ma soprattutto non permette la facile interazione con le immagini. In questo senso molto meglio il modulo Image che permette di creare nodi come immagini, risolvendo l’imbarazzante problema dell’inserimento inline di immagini caricate.
Insieme al modulo Image ho installato il modulo Image assist (5.x-2.0-alpha4) e speso giorni alla ricerca dell’integrazione con FCKEditor (5.x-2.3), sia tramite il modulo wysiwyg API, sia senza. Il problema era l’inserimento inline dell’immagine nell’editor.

L’integrazione tra i due moduli dovrebbe avvenire copiando il file img_assist_fckeditor.js dalla cartella dei plugin di fckeditor alla cartella del modulo img_assist. Purtroppo, anche se posso accedere a img_assist tramite l’editor, non si riesce a inserire l’immagine inline. Succede una cosa strana: viene attivato il pulsante img_assist sulla barra di fckeditor, e disabilitato quello di defualt, sotto il textbox. Invece, disabilitando l’editor rich-text, posso accedere a img_assist tramite il pulsante sotto il textbox, che ricompare per magia, e mi permette di inserire l’immagine attraverso il tag inline. Tornando alla versione rich-text però non vedo l’immagine, che però una volta pubblicata è visibile. Scopro che non è un problema comune e provo diverse soluzioni, smanetto con i formati di input, installo il modulo Inline, dello stesso mantainer di Img_assist, installo la versione 1.x di img_assist, provo a debuggare il codice da me, ma le mie competenze informatiche di php e java sono ancora troppo “misto mare”. L’errore java che mi compare (usando IE) è “Line 84. Char 5. Error: Can’t move focus to the control because it is invisible, not enabled, or of a type that does not accept the focus. Code:0″ , cercare su google non serve molto.

Il problema da risolvere è: come inserire facilmente immagini nel testo? Il modulo inline non è male e assomiglia all’inserimento di wordpress, tuttavia o si caricano le immagini tramite l’upload di drupal (creando il fastidioso effetto attach, che non mi piace), oppure si mischia l’upload di img_assist e inline, ma mi sa troppo di soluzione di ripiego.

Alla fine, bando alle ciance, installo TinyMCE tramite wysiwyg API. Questo permette l’integrazione nativa con img_assist, risolvendomi ogni problema. Tengo installato il modulo inline che potrà tornare comunque utile in futuro. Inoltre grazie all’API ho attualmente installato: TinyMCE, FCKEditor, OpenWYSIWYG, cercando di tenermi aperte diverse possibilità quando capirò le necessità degli utenti.

Prossimo problema: gallerie di immagini (in prova la funzione del modulo Image) e personalizzazione del titolo dei blog (diamine, pare un banale problema mai risolto).

For those of you who don’t know the finer points of internet abbreviation, the title means “What the Hell is WYSIWYG.”  WYSIWYG stands for “what you see is what you get,” as in WYSIWYG software.  You may not think you know what WYSIWYG software is, but in fact you use it all the time.  Microsoft Word, Adobe Photoshop, Final Cut Pro, and Dreamweaver are all examples of WYSIWYG.

The idea behind WYSIWYG is that it gives you, the creator, and idea of what your audience will see in the final product of your creation.  It also is design to make the creative process easier for you.  For instance, when using Dreamweaver to create a website, instead of having to type in all these laborious programming codes, you simply get a palette of windows with various options telling you what your options are and giving you a rough idea of what your design looks like.

The same can also be said of this blog.  Here’s a screenshot of what I see even while I type this sentence:

As you can see, the user interface is neatly broken up into a writing window, a publishing window, a tag window, and a category window, along with the dashboard stuff to the left.  All is designed for ease of use and convenience.

All is also based on previous media.  Although the internet may be this newfangled thingamajig, our representations of it aren’t.  The text window?  Looks and operates a lot like a Word document, which in turn was based on typewriting.  Also, I can’t “publish” a blog.  It sounds fancy, but in reality it’s not going into print and circulating so that the academic world may benefit from my wealth of knowledge (don’t I wish!).  Categories and tags are metatext organizational tools for the information I submit, but there is no physical tag being placed on this blog.  We’re using old metaphors to describe new technology.

I’m not saying this is a bad thing.  We have to be able to transfer all of this information somehow, and the majority of the population does not understand HTML (or even know what it is).  This appropriation of older models helps us understand the technology.  But it also shapes our world view as well.

In his essay Dreamweaver and the Procession of Simulations, Collin Gifford Brooke uses the theories of a very wordy individual named Baudrillard to discuss something similar in Dreamweaver.  Brooke says,

[T]he users of the interface believe that how they design a page using Dreamweaver is how the page will actually appear, and as Baudrillard would argue, this is an example of confusing the real with the model (17).  But as Baudrillard would also argue, we have no choice in the age of simulation but to let the model stand for the real and, in turn, become the real itself” (p.59)

Trust me when I say that Brooke’s summary is easier than actually trying to read any of Baudrillard’s work.

So what am I trying to get at here?  Well basically I’m saying that we have taken these old terminologies and ideas and used them to the point where we forget to separate the real from the unreal or hyperreal.  A dashboard is no longer a place to throw your sunglasses; now it’s an organizational tool from which you control the way information is presented. We don’t look through windows, we look at windows (and Windows).

Baudrillard might argue that all these extra layers of reality are a bad thing, but he’s a little bit of a technophobe so we’ll just ignore him.  This multi-layered reality is the world that we live in, and I think it’s actually more exciting than just an ordinary one.  If we use old methods to explain new things, it’s just because we need a way of understanding and using them.  I’m not going to confuse this window with the window behind my head.  They’re separate.  But one lets me see a fence, while the other lets me view the world.