NicEdit - Intégration

**Say hello** · 11/10/2013, 08h50

Bonjour,

J'aimerais utiliser NicEdit pour éditer certaines pages web.
Pour des raisons de sécurité, je ne veux pas que soit dans le site, mais dans un répertoire avec un .htaccess.

Voici l'arboresence que je souhaite :

Dans la page "admin.page01.html" j'aimerais avoir un textarea pour modifier la page "page01.html".

Je suis une buse en JavaScript et je ne vois pas comment charger la page dans NicEdit. Tout ce que j'arrive à faire, c'est afficher un textearea pour écrire du joli texte dedans.

Toute les explications d'intégration que je trouve c'est pour des forums ou CMS.

**NoSmoking** · 11/10/2013, 10h09

Bonjour,
peut être pas bien compris le problème mais il existe la méthode [nicInstance].setContent(HTML), mais cette API ne me paraît pas très bien documentée.

**Say hello** · 11/10/2013, 11h08

En gros, je n'y comprends rien en JavaScript, et je souhaite avoir le code pour faire une page d'administration pour pouvoir modifier une page sur mon serveur avec NicEdit.

Donc je ne sais pas comment charger le contenu d'une page dans le textarea pour effectuer des modifications dessus.
Je ne sais pas comment sauvegarder le contenu du textarea après modification pour l'écrire dans le fichier html.

Il n'y a meme pas de bouton envoyer dans les demos sur le site de NicEdit.

Tout ce que j'ai reussi a faire c'est afficher un texte area.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<link rel="stylesheet" type="text/css" href="skin/style.css" />
	<link rel="icon" type="image/png" href="favicon.png" /> 
    <script src="nicEdit.js" type="text/javascript"></script>
	<script type="text/javascript">
    bkLib.onDomLoaded(function() {
        new nicEditor({ iconsPath : 'nicEditorIcons.gif',
		buttonList : ['bold','italic','underline','left','center','right','justify','ol','ul','subscript','superscript','strikethrough','removeformat','indent','outdent','hr','image','upload','forecolor','bgcolor','link','unlink','fontFormat','xhtml']}).panelInstance('area4');
    });
    </script>
 
    <title>Test</title>
</head>
    <body>
        <textarea cols="83" id="area4">HTML <b>content</b> <i>default</i> in textarea</textarea>	
    </body>
</html>

Je vais essayer de recuperer le contenu du textarea comme un formulaire classique.
C'est comme ca qu'il fait faire

.
Mon dieu, je suis si mauvais ?!

**NoSmoking** · 11/10/2013, 13h27

En gros, je n'y comprends rien en JavaScript

quoiqu'il arrive si tu souhaites faire ce que tu annonces il va falloir t'y mettre ainsi qu'à un langage coté serveur!

Avant de continuer, lu sur http://nicedit.com/docs.php

Envoyé par Still having problems?

Nicedit is no longer under active development, you might want to try CKEditor or TinyMCE instead.

Pour le principe :
- chargement de la page dans une IFRAME que tu peux cacher
- récupération du contenu de celle ci et mise dans l'instance de l'éditeur
- les modifications étant faites, envoi coté serveur du contenu modifié
- sauvegarde coté serveur de ce contenu pour réaffichage ultérieur

voilà pour les grandes lignes.

NicEdit - Intégration

JavaScript

Discussions similaires

Partager

Partager