2010-09-24 10 views
1

J'ai appris ici, en débordement de pile, que ce dont j'ai besoin est appelé "organigramme". Je dois permettre à l'utilisateur de dessiner dans un navigateur (en utilisant sa souris) un organigramme qui représenterait un flux d'un processus ou d'un algorithme. Cet organigramme doit contenir des décisions (oui/non de diamants), des tâches (rectangles), des flèches, des étiquettes, etc.Javascript Organigramme à la manière de CKeditor

L'organigramme devrait faire partie d'un formulaire sur une page Web, devrait être écrit en JavaScript et important est qu'il doit produire une sortie de texte (XML?) qui sera stockable dans DB et lorsque cette page est ouverte à nouveau, le graphique sera rendu sur la base du texte précédemment enregistré.

Aucune autre sortie n'est nécessaire. Essentiellement, ce dont j'ai besoin, c'est juste un éditeur/créateur graphique XML.

Il serait parfait si elle a travaillé comme même que ckeditor: http://ckeditor.com/demo

Ce ckeditor est un éditeur JS Html qui couvre une zone de texte (sous une forme) et quand vous écrivez quelque chose dans cet éditeur, il est (sur le fond) converti en HTML et écrit dans le textarea. Lorsque vous envoyez le formulaire entier à l'aide d'un bouton, le contenu de textarea peut être traité et enregistré.

Je règles de lecture du fil, mais rien était adapté à mes besoins

stackoverflow.com/questions/363592/javascript-library-for-hierarchical-flowchart

Très proche de mon idée était ce projet, mais il s'agit d'un programme Java exécuté en dehors du navigateur et la sortie ne peut pas être stockée dans la base de données.

www.jgraph.com/jgraph.html

Est-ce que quelqu'un utilise quelque chose comme je viens de décrire?

Mise à jour 1: Cela pourrait être ce que je recherchais. Est-ce que quelqu'un sait quelque chose de similaire et/ou gratuit? origramy.com/origramy.html

+0

Je sais que c'est ancien, mais le lien origramy que vous avez envoyé est un éditeur Flash, pas JavaScript/HTML. Je pense qu'il serait particulièrement difficile de faire fonctionner cela sur tous les navigateurs et sans casser dans les navigateurs futurs. –

+0

En termes de lien JGraph, vous avez le mauvais produit là-bas. JGraph est pour Java, mxGraph, http://www.jgraph.com/mxgraph.html est l'implémentation du navigateur JavaScript. – David

Répondre

1

Vous trouverez le fil this utile. Il parle de générer un organigramme à partir de BPMN qui est en XML.