Comments (14)
Yes, use a custom Node.vue
retejs/rete#209 (comment)
#9 (comment)
from examples.
Thank you for the quick response.
Im actually using rete-alight-render-plugin since the vue-render-plugin is not properly making the connections. By any chance do you know if there is a way with rete-alight-render-plugin or are you planning to update with the connections working properly?
from examples.
What exactly is wrong with the connection? Render plugins do not affect connections
from examples.
The connections are not matching.
from examples.
What version of rete-connection-plugin
?
from examples.
Im using the same example that you uploaded. I just do a npm install and try it.
"rete": "^1.0.0-beta.5",
"rete-connection-plugin": "^0.2.4",
"rete-vue-render-plugin": "^0.2.4",
from examples.
You need the latest version of rete-connection-plugin (v0.3.1)
from examples.
I just tried with the latest version and it still the same. When you tried by yourself, is working properly? Are you trying it on chrome?
from examples.
Yes, just checked in Chrome 68. https://codepen.io/Ni55aN/pen/xzgQYq
I had a similar issue when SVG width and height are less than 12px. I still do not know exactly the reason for such strange behavior. Try to define the next styles:
svg.connection {
width: auto;
height: auto;
}
from examples.
I just tried now and its working like a charm.
Thank you very much for the assistance.
Is the example provided for Angular? Im trying to follow the information from https://github.com/retejs/vue-render-plugin and the example but I dont have access to this.data.render and the CustomNodeComponent.
from examples.
Is the example provided for Angular?
yes, in retejs/examples repo
from examples.
Good evening,
I was already able to create my own component and do the necessary changes. The only problem that I have right now is that everytime that I click a node, the canvas is created and it return the node to the initial status. How can I avoid this?
I removed this function:
editor.on('nodeselected', () => {
editor.nodes.map(update);
});
And now, there are some instances where the seleceted() get stuck on previous selected nodes.
Thank you for the help.
from examples.
the canvas is created and it return the node to the initial status
can you describe in detail?
from examples.
I was already able to fix it by adding a container in the creation of the personalized node. Thank you for the reply and the follow up. Ill be closing this issue since by being able to create my own node, it opens a lot of possibilities.
from examples.
Related Issues (20)
- Zoom with double click HOT 1
- Vuetify/Vue-Material
- Dragging all connected nodes HOT 3
- Vue3 example has errors in browser console and right click is not working.
- Vue3 example dependencies is outdated
- Removing Outputs Dinamically HOT 2
- Angular project not working in production HOT 1
- regeneratorRuntime is not defined HOT 2
- Angular not building AOT production HOT 14
- Remove "You are running Vue in development mode" in angular HOT 2
- problem in npm install project HOT 2
- Is there any example implemented with FeathersJS
- problem in angular material design HOT 2
- how to create node by button click HOT 1
- Flow diagram not shown HOT 9
- Tasks example alerts "NaN" if input box is modified
- problem on vue3 example (context menu not work) HOT 3
- Task example is outdated HOT 3
- Output Error at Angular example (trying with [email protected]) HOT 11
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from examples.