Sometimes I have to put text on a path
Showing posts with label editor. Show all posts
Showing posts with label editor. Show all posts

Tuesday, July 19, 2011

The rich text/equation editor of google knol; Knol abandoned?


Knol is in fact an abandoned project like wave,google health  (and orkut?):
http://googlesystem.blogspot.com/2011/01/abandoned-knol.html
http://www.teleread.com/chris-meadows/google-knol-wikipedia-killer-project-largely-abandoned/

Google Knol aims to include user-written articles (and authors can include ads from Google's AdSense to their pages). It's a content management.
It was opened to the public on July 2008, 3 years ago.
Knol is not wikipedia-like: it's not a wiki.
All contributions are licensed by default under the Creative Commons.
Knol is more like About.com (http://www.about.com/; alexa 67 (data@july 2011) or http://www.ehow.com/ (alexa 127 (data@july 2011)) than Wikipedia.
It 's also not an equivalent of http://www.archive.org/index.php (alexa 206 (data@july 2011)) which corresponds to the classic encyclopedia format (see also other internet archive projetcs: http://www.archive.org/projects/).
Knol has an anarchy model:
http://knol.google.com/k/knol-administration-anarchy-democracy-or-something-else#

Knol interface supports 8 languages, but you can write knols in any language.
The analysis of trends of "knol" in research engine : India 1st; Languages: Dutch-english-arabic.
http://www.google.com/trends?q=Google+Knol&ctab=0&geo=all&date=all&sort=0

Knol en français:
http://knol.google.com/k/knol-francophone-2009-2011-%C3%A9volution#

Comparison of text/HTML/equation editor :
http://ex-ample.blogspot.com/2011/07/mathml-chromefirefox-and-best.html

---------------
There: are many "import"
The interface is clear:
 

 The equation editor is an interface of google charts/formulas API
http://code.google.com/apis/chart/image/docs/gallery/formulas.html

A brief analysis of the knol rich text editor:


The menu is still at the same place 

it is very useful if your post is very long (not the case for blogger)


The menu of the knol editor:



Save (first item (left))



Format (5nd item): far better 

(H2, H3 and H4 levels) system is very useful with the automatic outline function of knol.


Links  (11nd item)


the same function/design of blogger
Insert (12nd item): GOOD

  1. image (blogger is better with an upload of many files)
    the management of the position of the image is the same
  2. Equation (i hope this service will be in blogger)
  3. Special character  (i hope this service will be in blogger)
  4. Calendar  " " (insert google calendar with many options)
  5. documents (you can select google docs, spreadsheet..., map, calendar, folders)
  6. picasa web slideshow
  7. presentation
  8. spreadsheet
  9. spreadsheet form
  10. (google video: old!)
  11. You tube
  12. Google gadget (by URL or list of categories)
bad

insert table


numbered list (same of blogger)

bad

bullet list (same of blogger)

bad

decrease ident  (i hope this basic service will be in blogger)

-

increase ident  (i hope this basic service will be in blogger)


-quote


-idem


insert a reference (i hope this basic service will be in blogger)


-OK


HTML

bad


Conclusion

the Knol rich text editor is better than the blogger editor and google docs editor.

Friday, July 15, 2011

jsdo.it - Share JavaScript, HTML5 and CSS

http://jsdo.it/

jsdo.it launched in June 2010 and in less than a year it has surpassed 10,000 registered users, more than 18,000 codes submitted.

Signing up is super fast, you only need to decide your name:
Account: google, facebook, twitter, yahoo openId.

3 choices:
  • use JavaScript editor(default)
  • use JavaScript New editor (beta)
  • use HTML textarea editor

jsdo.it shares JavaScript, HTML5 and CSS.
Our site is engagement-driven. We offer both, vivid environment for developers to showcase their trendy works on JavaScript and HTML5, as well as community to share their codes and learn from each other. That's why we call our communtiy 'a coding avenue'.

Browser-based editor:
jsdo.it is a handy place to keep your codes, just like GitHub. The difference is, our platform is more oriented to visual works, leveraging the power of JavaScript, HTML5 and modern browser technologies.

Tuesday, July 12, 2011

Blogger has become an xml-rpc standard for publishing files. KompoZer Labs: this project should implement a Blogger interface to KompoZer.

KompoZer Labs: http://labs.kompozer.net/

Blogger has become an xml-rpc standard for publishing files on CMS (Content Management System) and blog engines.

This project should implement a Blogger interface to KompoZer.

Main goals:


  • write a blogpost in HTML or XHTML and publish it with KompoZer
  • handle attachments (e.g. images) seemlessly
  • save blogposts locally
  • The User Interface has to be as well integrated in KompoZer as possible:
    • create a SiteManager-like sidebar to list all blog posts
    • add a “Blogger” tab in the SiteManager settings (along with the “General Settings” and “FTP settings” ones)
    • the “New Page” dialog has to offer a “Blog post” entry

Main feature: when a “Blog post” document is created, the “Publish” button should call the Blogger API to publish the inner HTML of instead of uploading the HTML document through FTP.

This Blogger support would be a very important feature in KompoZer: CMS users could use KompoZer to tweak the CSS and publish their blogposts in WYSIWYG mode. Blogger has become an xml-rpc standard for publishing files on CMS and blog engines, it’s widely supported.

This should be developed as an add-on.

Friday, July 8, 2011

All about "How to post mathematics?" mathML, LaTeX, MathJax with Chrome/Firefox and Best online/offline rich text editors (webmail, word processor); Comparison of off-line on-line HTML/text editors and browsers.

outline:
1-----free and multi-platform HTML editors
2-----Rich text/html editors inside blogger, Gmail, Knol, wordpress.com, webmail...
3-----Web-based word processor
4---- Two commercial applications & free equation editors
5-----Browsers and MATHML viewers
6-----Free javascript library for math on web pages: JavaScript display engine for mathematics that works in all browsers.
 

7-----Some interesting links 


8-----Inserting Characters (unicode, Math Font Styles)



How to post mathematics or web applications with mathematica and matlab, see :
http://ex-ample.blogspot.com/2011/06/web20-services-mathematica-and-matlab.html

How to post mathematics in wikipedia or in MediaWiki? , see:
http://ex-ample.blogspot.com/2011/07/mediawiki-api.html
An "ex-ample" : the online  NIST Digital Library of Mathematical Functions {Abramowitz and Stegun’s (1964) Handbook of Mathematical Functions with Formulas, Graphs, and Mathematical Tables}.
http://ex-ample.blogspot.com/2011/07/best-ex-ample-nist-digital-library-of.html

read this article (@1999, updated 2002) :
Approaches to WWW Mathematics Documents
http://hutchinson.belmont.ma.us/tth/webmath.html
------------------
preface:
ex-ample1 (mathML3): http://ex-ample.blogspot.com/2011/07/mathml3-sample.html
(this example comes from https://eyeasme.com/Joe/MathML/HTML5_MathML_browser_test.html
but this URL does not work with Chrome 14+STIX font+MathJax but works with firefox; MathML code without return must be included in HTML code of a post).

ex-ample2 (mathML2): http://www.w3.org/Math/testsuite/mml2-testsuite/TortureTests/Complexity/complex1.xml

ex-ample3: this blog (left sidebar and matML latex labels):
http://ex-ample.blogspot.com/2011/07/symbols-tex-1.html

Math ML(Mathematical Markup Language)  is an XML language designed to present complex equations:
http://en.wikipedia.org/wiki/MathML
http://www.w3.org/Math/
http://www.personal.psu.edu/ejp10/blogs/tlt/tutorials/mathml.html

Wikipedia uses LaTeX (and limited MathML).
 MS Office 2007 and OpenOffice.org (via OpenOffice.org Math: http://en.wikipedia.org/wiki/OpenOffice.org_Math), as well as mathematical software products such as Mathematica supports MathML.
Knol use LaTeX:
http://knol.google.com/k/stef42-ex-ample-blogger-com/mathematics-and-web-html5-latex-mathml/2fdyfc9mft4ir/1?hd=ns# 

MathML 3.0 was officially released as a W3C Recommendation (@Oct 2010). It is backward compatible with MathML 2.
MathML deals not only with the presentation but also the meaning of formula components (the latter part of MathML is known as “Content MathML”). Because the meaning of the equation is preserved separate from the presentation, how the content is communicated can be left up to the user.
If you work in science you probably know LaTeX. LaTeX is gorgeous; enabling scientific authoring in an unrivaled way. Nevertheless, LaTeX is somewhat outdated. It doesn't support the clear separation between content and style that modern standards imply. Editing complex equations can become a tedious job. An alternative might be the combination of DocBook with MathML.
DocBook is an XML language (http://en.wikipedia.org/wiki/DocBook). It's a semantic markup language for technical documentation (http://www.docbook.org/tdg/). It was originally intended for writing technical documents related to computer hardware and software but it can be used for any other sort of documentation.
As a semantic language, a DocBook document does not describe what their contents "look like," but rather the meaning of those contents. For example, rather than explaining how the abstract for an article might be visually formatted, DocBook simply says that a particular section is an abstract. It is up to an external processing tool or application to decide where on a page the abstract should go and what it should look like. And, indeed, to decide whether or not it should be included in the final output at all. It provides a vast number of semantic element tags. They are divided into three broad categories: structural, block-level, and inline. Because DocBook is an XML format, conforming to a well-defined schema, documents can be validated and processed using any tool or programming language which includes XML support.
The current version is DocBook, 5.0.DocBook 4.x documents are not compatible with DocBook 5, but they can be converted into DocBook 5 documents through the use of an XSLT stylesheet.
Source: http://sourceforge.net/projects/docbook/
A group of XSLT stylesheets for transforming DocBook into various viewable formats: http://en.wikipedia.org/wiki/DocBook_XSL

This post is focused on "how to publish mathematics" not on "document languages", beyond of the scope. And then we focused on these languages : 
  • "your screen image": browser rendering engine and javascript rendering engine (in this blog the javascript library MathJax), 
  • HTML, HTML5, CSS... (quality of the code source of the page)
  • MathML (quality of the code source of the page), 
  • laTeX (quality of the code source of the page).
------------------------------------------------------------------------------------
MathML is too verbose to edit using a text editor then we need a MathML editor.

Comparison of HTML editor (stand alone); 
http://en.wikipedia.org/wiki/List_of_HTML_editors
List of math editors:
http://www.w3.org/Math/Software/mathml_software_cat_editors.html

Comparison of open source and commercial WYSIWYG web-based editors (by replacing a textarea or by adding their own editable block): 
http://geniisoft.com/showcase.nsf/WebEditors). 



Some packages and Mathematics environments (also some corrections of bad rendering):
If your document requires only a few simple mathematical formulas,  LaTeX has most of the tools that you will need. If you are writing a scientific document that contains numerous complicated formulas, the amsmath package introduces several new commands that are more powerful and flexible than the ones provided by LaTeX. The mathtools package fixes some amsmath quirks and adds some useful settings, symbols, and environments to amsmath.


Wednesday, July 6, 2011

Chrome=a source code HTML editor? Some Developer EXTENSIONS

A) Chrome is a web browser, not a source code editor (you cannot edit the source code when viewed in Chrome) but you have a "code editor egg": there is an "Edit HTML" in the browser Inspector. 

1) Right click on the page (or ctrl (mac user)), and choose Inspect Element
2) Click on the Elements tab
3) Right click on the HTML element and choose "Edit as HTML"
4) Do whatever you want and press ENTER, now you have everything saved.

You can manipulate the DOM in any way possible. Such as adding nodes, deleteting nodes. You can alter CSS and see network traffic.

(ref: http://www.google.com/support/forum/p/Chrome/thread?tid=2cc92bb429395ec8&hl=en)


B)some developer extensions for Chrome 


iMacro:
https://chrome.google.com/webstore/detail/cplklnmnlbnpmjogncfgfijoopmnlemp?hl=fr


NoteBook Professional (Images, Text, HTMLs, Note anything you want, A powerful HTML editor, have easy accsess to Google NoteBook or Google Docs):
https://chrome.google.com/webstore/detail/elkgcninebemfhajfhmiffbndloiacbe?hl=fr#


HTML Instant:
https://chrome.google.com/webstore/detail/hfgifphlikdnjfcegkkmhohddfjhnpjd?hl=fr
http://htmlinstant.com/

live editor:
https://chrome.google.com/webstore/detail/lmbnpidmeknioaojjlbneohdflgilhnf

Scraper is a Google Chrome extension for getting data out of web pages and into spreadsheets.
Scraper is a simple data mining extension for Google Chrome™ that is useful for online research when you need to quickly analyze data in spreadsheet form.
https://chrome.google.com/webstore/detail/mbigbapnjcgaffohmbkdlecaccepngjd?hl=fr
https://github.com/mnmldave/scraper/blob/master/LICENSE.txt

service page s(about: or chrome:)
https://chrome.google.com/webstore/detail/fjmhjjohhiehaoljianalpmfcceojaff?hl=fr

Chrome Sniffer
https://chrome.google.com/webstore/detail/homgcnaoacgigpkkljjjekpignblkeae?hl=fr

The Web Developer EXTENSION for firefox and chrome:
 http://chrispederick.com/work/web-developer/
download the extension for chrome:
https://chrome.google.com/webstore/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm#
The Web Developer extension adds various web developer tools to a browser. The extension is available for Firefox and Chrome, and will run on any platform that these browsers support including Windows, Mac OS X and Linux.
The Web Developer extension adds a toolbar button to the browser with various web developer tools. This is the official port of the popular Web Developer extension for Firefox written by the same person.

firebug lite:
https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench


C)Some Apps in chrome:



Sourcekit (with dropbox):
https://chrome.google.com/webstore/detail/iieeldjdihkpoapgipfkeoddjckopgjg?hl=fr
Embedded is the excellent Ajax.org's Ace text editor component. This allows for a very natural text editing experience while retaining Chrome's amazing JavaScript performance.

BeFunky Photo Editor allows everyday people to easily create photographically rich and artistic results from their digital images without the need for any technical knowledge.
Photo Effects: Get Creative with 190 easy-to-use photo effects in 30 different categories.
Photo Editing Tools: Adjust: contrast, brightness, exposure, hue, saturation and colors. Fix common photo problems like bad lighting, digital noise, fuzzy colors and details with one click.
Add speech bubbles, frames and cool shapes: Give your digital creations extra character and pizzazz with BeFunky Goodies, Frames and Text tools.
Photo Storage and Tracking: Keep track of your previous uploads and store an unlimited number of your edits.
Save and Share: Save your creations to your computer or share them on your favorite social networking and photo sharing sites.

3Dtin:

Thursday, June 30, 2011

TinyMCE - AJAX Javascript wysiwyg editor-


http://tinymce.moxiecode.com/

TinyMCE has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. TinyMCE is very easy to integrate into other Content Management Systems.
jQuery integration.
file manager
image manager


This example displays all plugins and buttons that comes with the TinyMCE package.