Heim > Web-Frontend > js-Tutorial > jQuery mobile artEditor rich text editor_jquery

jQuery mobile artEditor rich text editor_jquery

WBOY
Freigeben: 2016-05-16 15:20:37
Original
2711 Leute haben es durchsucht

Da das Tippen auf Mobiltelefonen langsam ist und nicht für lange Artikel geeignet ist, gibt es auf Mobiltelefonen nur sehr wenige Rich-Text-Editoren. artEditor ist ein mobiler Rich-Text-Editor auf Basis von jQuery, der das Einfügen von Bildern unterstützt und in Zukunft weitere Funktionen verbessern wird.

Plug-in-Adresse: https://github.com/baixuexiyang/artEditor Stern oder Gabel sind willkommen.

Demo

Zitat:

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
<script src="artEditor.min.js"></script> 
Nach dem Login kopieren

Parameter:

imgTar

Schaltfläche zum Hochladen von Bildern

limitSize

Maximale Bildbeschränkung, Standard 3 MB

showServer

Vom Server zurückgegebene Bilder anzeigen. Standardmäßig werden Bilder von lokalen Ressourcen angezeigt

uploadUrl

Bild hochladen Lu Jin

Daten

Weitere Parameter zum Hochladen von Bildern

uploadField

Bildfeld hochladen

Platzhalter

Rich-Text-Editor-Halter

validHtml

Entfernen Sie beim Einfügen illegale HTML-Tags

uploadSuccess

Rückruf bei erfolgreichem Bild-Upload

uploadError

Rückruf bei fehlgeschlagenem Bild-Upload

Demo:

html:

<div id="content">
</div> 
Nach dem Login kopieren

js:

$('#content').artEditor({
imgTar: '#imageUpload',
limitSize: 5, // 兆
showServer: false,
uploadUrl: '',
data: {},
uploadField: 'image',
placeholader: '<p>请输入文章正文内容</p>',
validHtml: ["br"],
uploadSuccess: function(res) {
// return img url
return res.path;
},
uploadError: function(res) {
// something error
console.log(res);
}
});
Nach dem Login kopieren

Der obige Inhalt stellt Ihnen den Rich-Text-Editor jQuery mobile artEditor vor. Ich hoffe, er gefällt Ihnen.

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage