React drag Textbox anywhere in View
I want to build an interactive Flowchart App. The basic structure is already done (just a lot of input fields), but now I want to implement the function of commenting the flowchart.
The User should be able to drag a text box anywhere he wants on the screen and the location of the text box should be saved.
I'm already using React-dnd but I don't think this library fits. Do you have any recommendations which library or method I could use for this? Thanks in advance.
javascript reactjs web ecmascript-6 textbox
edited Nov 12 '18 at 17:10
Mihai Chelaru
2,14291022
asked Nov 12 '18 at 16:06
HarryTgerman
4019
add a comment |
I want to build an interactive Flowchart App. The basic structure is already done (just a lot of input fields), but now I want to implement the function of commenting the flowchart.
The User should be able to drag a text box anywhere he wants on the screen and the location of the text box should be saved.
I'm already using React-dnd but I don't think this library fits. Do you have any recommendations which library or method I could use for this? Thanks in advance.
javascript reactjs web ecmascript-6 textbox
edited Nov 12 '18 at 17:10
Mihai Chelaru
2,14291022
asked Nov 12 '18 at 16:06
HarryTgerman
4019
Why doesn't react-dnd work?
– rubentd
Nov 12 '18 at 16:08
because i have to define the whole view as a target area
– HarryTgerman
Nov 12 '18 at 16:10
add a comment |
I want to build an interactive Flowchart App. The basic structure is already done (just a lot of input fields), but now I want to implement the function of commenting the flowchart.
The User should be able to drag a text box anywhere he wants on the screen and the location of the text box should be saved.
I'm already using React-dnd but I don't think this library fits. Do you have any recommendations which library or method I could use for this? Thanks in advance.
javascript reactjs web ecmascript-6 textbox
edited Nov 12 '18 at 17:10
Mihai Chelaru
2,14291022
asked Nov 12 '18 at 16:06
HarryTgerman
4019
I want to build an interactive Flowchart App. The basic structure is already done (just a lot of input fields), but now I want to implement the function of commenting the flowchart.
The User should be able to drag a text box anywhere he wants on the screen and the location of the text box should be saved.
I'm already using React-dnd but I don't think this library fits. Do you have any recommendations which library or method I could use for this? Thanks in advance.
javascript reactjs web ecmascript-6 textbox
javascript reactjs web ecmascript-6 textbox
edited Nov 12 '18 at 17:10
Mihai Chelaru
2,14291022
asked Nov 12 '18 at 16:06
HarryTgerman
4019
edited Nov 12 '18 at 17:10
Mihai Chelaru
2,14291022
asked Nov 12 '18 at 16:06
HarryTgerman
4019
edited Nov 12 '18 at 17:10
Mihai Chelaru
2,14291022
edited Nov 12 '18 at 17:10
Mihai Chelaru
2,14291022
edited Nov 12 '18 at 17:10
Mihai Chelaru
2,14291022
2,14291022
asked Nov 12 '18 at 16:06
HarryTgerman
4019
asked Nov 12 '18 at 16:06
HarryTgerman
4019
asked Nov 12 '18 at 16:06
HarryTgerman
4019
4019
Why doesn't react-dnd work?
– rubentd
Nov 12 '18 at 16:08
because i have to define the whole view as a target area
– HarryTgerman
Nov 12 '18 at 16:10
add a comment |
Why doesn't react-dnd work?
– rubentd
Nov 12 '18 at 16:08
because i have to define the whole view as a target area
– HarryTgerman
Nov 12 '18 at 16:10
Why doesn't react-dnd work?
– rubentd
Nov 12 '18 at 16:08
Why doesn't react-dnd work?
– rubentd
Nov 12 '18 at 16:08
because i have to define the whole view as a target area
– HarryTgerman
Nov 12 '18 at 16:10
because i have to define the whole view as a target area
– HarryTgerman
Nov 12 '18 at 16:10
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53265935%2freact-drag-textbox-anywhere-in-view%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53265935%2freact-drag-textbox-anywhere-in-view%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Why doesn't react-dnd work?
– rubentd
Nov 12 '18 at 16:08
because i have to define the whole view as a target area
– HarryTgerman
Nov 12 '18 at 16:10