Giter Club home page Giter Club logo

plantuml-editor's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

plantuml-editor's Issues

support redis

Support redis for creating shared links next to webdav.

Support large diagram overflow

Currently the maximum image size depends on the browser window size.

For large diagrams it may be useful to remove the boundaries of the image tag containing the plantuml image.

Class Diagram Examples

Create a simple and en extended example for PlantUML class diagrams:

https://plantuml.com/de/class-diagram

Create img only, read only image url

I want to have the possibility to have an url, probably a subpath, which only allows to display the graphic and the (configurable) the source of the diagram, without the possibility to create a diagram on its own. So I can share a link without revealing the editor and giving access to anyone.

If it would be a subpath one could easily be protected by Nginx, etc.

Object Diagram Examples

Create a simple and en extended example for PlantUML object diagrams:

https://plantuml.com/de/object-diagram

Intranet-compatibility in docker-image

When docker-image started without access to WEB (on intranet network) some icons, stylesheets, etc don`t working.

May be place static resources locally in project and docker-image?

Deployment Diagram Examples

Create a simple and en extended example for PlantUML deployment diagrams:

https://plantuml.com/de/deployment-diagram

Custom description.component.html in docker

Customizing of "description.component.html" in docker-image is very difficult without building project.

May be placed this resource in custom folder and mount this folder on docker-volumes?

Activity Diagram Examples

Create a simple and en extended example for PlantUML activity diagrams:

https://plantuml.com/de/activity-diagram-beta

State Diagram Examples

Create a simple and en extended example for PlantUML state diagrams:

https://plantuml.com/de/state-diagram

Timing Diagram Examples

Create a simple and en extended example for PlantUML timing diagrams:

https://plantuml.com/de/timing-diagram

Permalinks

It can be extremely useful to share the current state of a diagram using an URI.

Those may look like:

  • https://${host}/diagrams/${base64-encrypted-resource-url}
  • https://${host}/diagrams?url=${diagram-url}

The user should configure the diagram persistence location as he surely doesn't want to have his diagrams persisted at the server where the application is deployed (except for a scenario where the app ist hosted in the users infrastructure).

The following shows an example for how this could work using a custom webdav:
plantuml-webdav

PlantUML source for this diagram
@startuml

actor User
participant PlantumlEditorFrontend
participant CustomWebdav

activate User
User -> PlantumlEditorFrontend: click 'generate permalink'

activate PlantumlEditorFrontend
PlantumlEditorFrontend --> User: persistence configuration modal
deactivate PlantumlEditorFrontend

User -> PlantumlEditorFrontend: configure persistence with type 'webdav' for custom webdav installation
activate PlantumlEditorFrontend
PlantumlEditorFrontend -> PlantumlEditorFrontend: store configuration in local storage
PlantumlEditorFrontend -> CustomWebdav: PUT diagram spec

activate CustomWebdav
CustomWebdav -> CustomWebdav: store diagram spec
CustomWebdav --> PlantumlEditorFrontend: 200
deactivate CustomWebdav

PlantumlEditorFrontend --> User: success modal and copied url to clipboard
deactivate PlantumlEditorFrontend

deactivate User

@enduml

Component Diagram Examples

Create a simple and en extended example for PlantUML component diagrams:

https://plantuml.com/de/component-diagram

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.