2009-07-21 3 views
10

Sono appena passato a http://plugins.jquery.com/search/node/editor - un sacco di scelte - e se a giudicare dalle date, molte nuove offerte . Sto sperando che qualcuno possa aiutarmi a restringere il campo base a queste priorità ...Cerca un editor HTML in-place con jQuery

  • Stabilità & ben formato XHTML (potrebbe obiettare contro alcuni dei più recenti meno che non siano revisioni con una pista-chiaro record)
  • Inplace editing
  • buona integrazione AJAX
  • per uso interno/admin/CMS in modo che possa essere il più gonfio come deve essere lungo come è facile da implementare le nozioni di base:
    • grassetto
    • corsivo
    • trattino
    • elenca

Non c'è bisogno di tavoli, ma menù a discesa che mostrano pertinenti ripresi selettori CSS sarebbe bello.

Grazie.

risposta

5

Restringere la vostra lista di opzioni: alcuni dei redattori migliori basati su jQuery che si adattano almeno la maggior parte dei tuoi punti desiderati sembrano essere:

6

So che stai cercando un editor di testo RTF basato su jQuery. Ma quello che suggerirò è basato sul prototipo. Si chiama WYSIHAT, un progetto open-source del team 37signals. Si può dire che è un framework per gli editor WYSIWYG. Perché lo sceglieresti? Semplice, facile personalizzazione, XHTML ben formato e ofcourse Buona integrazione AJAX. Hai un sacco di altri editor di testo RTF ma non tutti sono facilmente personalizzabili. Dico così che il fatto che tu abbia grossi problemi a cambiare il set di "widget" fornito dall'editor a qualcosa di tuo gradimento. E se c'è un codice cattivo ovunque, è un PITA a correggerlo con gli scarsi standard di codifica da parte dello sviluppatore.

Dal momento che davvero non ti interessa l'ingombro dubito che l'utilizzo del prototipo con jquery sarebbe un grosso problema. Sarebbe una cattiva opzione usare entrambi se non fosse per uso interno/admin/CMS. Ma dal momento che il tuo obiettivo principale è "semplicità", WYSIHAT ti viene in soccorso. Ti fornisce una base su cui puoi costruire il tuo editor di testo RTF.

Fonti:

37Signals: Introducing WYSIHAT. An eventually better open-source WYSIWYG Editor.

Se si sta sviluppando il CMS in Ruby-on-Rails allora siete dentro per un ossequio:

A WYSIHAT Rails motore:

http://www.80beans.com/2009/10/01/wysihat-engine/

http://github.com/80beans/wysihat-engine

tutorial WYSIHat:

Setting up WysiHAT. A Tutorial. Part 1:

Setting up WysiHAT. A Tutorial. Part 2:

Una barra degli strumenti avanzati per WysiHat:

http://github.com/80beans/wysihat-advanced-toolbar

Ecco la documentazione API:

http://josh.github.com/wysihat/wysihat/wysihat/commands.html

A proposito .. Il file js WYSIHat dopo il minifying è solo 6kb. 1000 volte inferiore a TinyMCE.

+0

thx ... sticking w/jquery – justSteve

+0

Tuttavia, è un bel post, Paddy ... molte buone informazioni. – ewall

+0

Grazie ewall. :) Spero che WYSIHat ottenga il rappresentante che merita. Potrebbe essere ancora giovane ma è un grande sforzo. +1 a 37 segni e Joshua Peek. –

4

Non è un plug-in jQuery, ma lo TinyMCE vale sicuramente la pena dare un'occhiata al numero plays nicely with jQuery. Ha una grande community e molti plugin. Per quanto posso dire, soddisfa tutte le tue esigenze.

+3

Non soddisfa il primo requisito, l'output del codice HTML da TinyMCE è piuttosto scadente. Non male come FCKeditor però. – DisgruntledGoat

+0

Davvero? Hai un esempio di questo? – dave1010

2

Volevo solo darvi alcune informazioni su questo requisito ...

XHTML ben formato

La maggior parte degli editori in linea basate su JavaScript usare "contentEditable" al fine di aprire un documento per la modifica. Questo si basa sul browser per generare l'HTML o XHTML richiesto in base a una serie di comandi e in base all'utente che fa clic e digita.

Quindi molto probabilmente vedrete una variazione nell'implementazione basata sul browser - senza menzionare alcun nome, un browser vi darà tutti i tag maiuscoli, uno potrebbe non chiudere tutti i tag correttamente e così via. Quindi, tieni presente che il browser che utilizzi influirà sulle funzionalità e sull'output se l'editor utilizza il browser per generare l'HTML (X).