How can I paste Excel and MS Word table and edit it on website in Angular
Here is what I am trying to achieve:
A user can copy table from Excel/MS-Word and then paste it to my
angular website which he/she can then save it to server as well.
How Can I achieve this? Any suggestions will be appreciated.
html excel angular tabular
edited Nov 20 at 7:46
Brian Tompsett - 汤莱恩
4,1631337100
asked Nov 20 at 7:17
Zohab Ali
1,2761121
|
show 1 more comment
Here is what I am trying to achieve:
A user can copy table from Excel/MS-Word and then paste it to my
angular website which he/she can then save it to server as well.
How Can I achieve this? Any suggestions will be appreciated.
html excel angular tabular
edited Nov 20 at 7:46
Brian Tompsett - 汤莱恩
4,1631337100
asked Nov 20 at 7:17
Zohab Ali
1,2761121
I don't think this problem related to angular
– junk
Nov 20 at 7:22
Do you want to save the table as html?
– Nabil Shahid
Nov 20 at 7:25
@NabilShahid, I have liberty to save it in any form keeping in mind that user can ask to edit it latter
– Zohab Ali
Nov 20 at 7:26
Have a look at this: github.com/kolkov/angular-editor
– Nabil Shahid
Nov 20 at 7:29
You can copy and paste word or excel tables in it and it converts them to html table
– Nabil Shahid
Nov 20 at 7:30
|
show 1 more comment
Here is what I am trying to achieve:
A user can copy table from Excel/MS-Word and then paste it to my
angular website which he/she can then save it to server as well.
How Can I achieve this? Any suggestions will be appreciated.
html excel angular tabular
edited Nov 20 at 7:46
Brian Tompsett - 汤莱恩
4,1631337100
asked Nov 20 at 7:17
Zohab Ali
1,2761121
Here is what I am trying to achieve:
A user can copy table from Excel/MS-Word and then paste it to my
angular website which he/she can then save it to server as well.
How Can I achieve this? Any suggestions will be appreciated.
html excel angular tabular
html excel angular tabular
edited Nov 20 at 7:46
Brian Tompsett - 汤莱恩
4,1631337100
asked Nov 20 at 7:17
Zohab Ali
1,2761121
edited Nov 20 at 7:46
Brian Tompsett - 汤莱恩
4,1631337100
asked Nov 20 at 7:17
Zohab Ali
1,2761121
edited Nov 20 at 7:46
Brian Tompsett - 汤莱恩
4,1631337100
edited Nov 20 at 7:46
Brian Tompsett - 汤莱恩
4,1631337100
edited Nov 20 at 7:46
Brian Tompsett - 汤莱恩
4,1631337100
4,1631337100
asked Nov 20 at 7:17
Zohab Ali
1,2761121
asked Nov 20 at 7:17
Zohab Ali
1,2761121
asked Nov 20 at 7:17
Zohab Ali
1,2761121
1,2761121
I don't think this problem related to angular
– junk
Nov 20 at 7:22
Do you want to save the table as html?
– Nabil Shahid
Nov 20 at 7:25
@NabilShahid, I have liberty to save it in any form keeping in mind that user can ask to edit it latter
– Zohab Ali
Nov 20 at 7:26
Have a look at this: github.com/kolkov/angular-editor
– Nabil Shahid
Nov 20 at 7:29
You can copy and paste word or excel tables in it and it converts them to html table
– Nabil Shahid
Nov 20 at 7:30
|
show 1 more comment
I don't think this problem related to angular
– junk
Nov 20 at 7:22
Do you want to save the table as html?
– Nabil Shahid
Nov 20 at 7:25
@NabilShahid, I have liberty to save it in any form keeping in mind that user can ask to edit it latter
– Zohab Ali
Nov 20 at 7:26
Have a look at this: github.com/kolkov/angular-editor
– Nabil Shahid
Nov 20 at 7:29
You can copy and paste word or excel tables in it and it converts them to html table
– Nabil Shahid
Nov 20 at 7:30
I don't think this problem related to angular
– junk
Nov 20 at 7:22
I don't think this problem related to angular
– junk
Nov 20 at 7:22
Do you want to save the table as html?
– Nabil Shahid
Nov 20 at 7:25
Do you want to save the table as html?
– Nabil Shahid
Nov 20 at 7:25
@NabilShahid, I have liberty to save it in any form keeping in mind that user can ask to edit it latter
– Zohab Ali
Nov 20 at 7:26
@NabilShahid, I have liberty to save it in any form keeping in mind that user can ask to edit it latter
– Zohab Ali
Nov 20 at 7:26
Have a look at this: github.com/kolkov/angular-editor
– Nabil Shahid
Nov 20 at 7:29
Have a look at this: github.com/kolkov/angular-editor
– Nabil Shahid
Nov 20 at 7:29
You can copy and paste word or excel tables in it and it converts them to html table
– Nabil Shahid
Nov 20 at 7:30
You can copy and paste word or excel tables in it and it converts them to html table
– Nabil Shahid
Nov 20 at 7:30
|
show 1 more comment
1 Answer
1
active
oldest
votes
I am using ngx-editor because its very easy to implement and its UI is better
install via npm
npm install ngx-editor --save
Import ngx-editor module
import { NgxEditorModule } from 'ngx-editor';
@NgModule({
imports: [ NgxEditorModule ]
})
Then in html
<app-ngx-editor [placeholder]="'Enter text here...'" [spellcheck]="true" [(ngModel)]="htmlContent"></app-ngx-editor>
by default its height is not set correctly but you can set min-height like this minHeight="250px"
If you are getting error make sure you have imported
FormsModuleas module
Make sure
HttpClientModuleis also installed and imported
answered Nov 22 at 13:42
Zohab Ali
1,2761121
add a comment |
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%2f53388010%2fhow-can-i-paste-excel-and-ms-word-table-and-edit-it-on-website-in-angular%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
I am using ngx-editor because its very easy to implement and its UI is better
install via npm
npm install ngx-editor --save
Import ngx-editor module
import { NgxEditorModule } from 'ngx-editor';
@NgModule({
imports: [ NgxEditorModule ]
})
Then in html
<app-ngx-editor [placeholder]="'Enter text here...'" [spellcheck]="true" [(ngModel)]="htmlContent"></app-ngx-editor>
by default its height is not set correctly but you can set min-height like this minHeight="250px"
If you are getting error make sure you have imported
FormsModuleas module
Make sure
HttpClientModuleis also installed and imported
answered Nov 22 at 13:42
Zohab Ali
1,2761121
add a comment |
I am using ngx-editor because its very easy to implement and its UI is better
install via npm
npm install ngx-editor --save
Import ngx-editor module
import { NgxEditorModule } from 'ngx-editor';
@NgModule({
imports: [ NgxEditorModule ]
})
Then in html
<app-ngx-editor [placeholder]="'Enter text here...'" [spellcheck]="true" [(ngModel)]="htmlContent"></app-ngx-editor>
by default its height is not set correctly but you can set min-height like this minHeight="250px"
If you are getting error make sure you have imported
FormsModuleas module
Make sure
HttpClientModuleis also installed and imported
answered Nov 22 at 13:42
Zohab Ali
1,2761121
add a comment |
I am using ngx-editor because its very easy to implement and its UI is better
install via npm
npm install ngx-editor --save
Import ngx-editor module
import { NgxEditorModule } from 'ngx-editor';
@NgModule({
imports: [ NgxEditorModule ]
})
Then in html
<app-ngx-editor [placeholder]="'Enter text here...'" [spellcheck]="true" [(ngModel)]="htmlContent"></app-ngx-editor>
by default its height is not set correctly but you can set min-height like this minHeight="250px"
If you are getting error make sure you have imported
FormsModuleas module
Make sure
HttpClientModuleis also installed and imported
answered Nov 22 at 13:42
Zohab Ali
1,2761121
I am using ngx-editor because its very easy to implement and its UI is better
install via npm
npm install ngx-editor --save
Import ngx-editor module
import { NgxEditorModule } from 'ngx-editor';
@NgModule({
imports: [ NgxEditorModule ]
})
Then in html
<app-ngx-editor [placeholder]="'Enter text here...'" [spellcheck]="true" [(ngModel)]="htmlContent"></app-ngx-editor>
by default its height is not set correctly but you can set min-height like this minHeight="250px"
If you are getting error make sure you have imported
FormsModuleas module
Make sure
HttpClientModuleis also installed and imported
answered Nov 22 at 13:42
Zohab Ali
1,2761121
answered Nov 22 at 13:42
Zohab Ali
1,2761121
answered Nov 22 at 13:42
Zohab Ali
1,2761121
answered Nov 22 at 13:42
Zohab Ali
1,2761121
1,2761121
add a comment |
add a comment |
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%2f53388010%2fhow-can-i-paste-excel-and-ms-word-table-and-edit-it-on-website-in-angular%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
I don't think this problem related to angular
– junk
Nov 20 at 7:22
Do you want to save the table as html?
– Nabil Shahid
Nov 20 at 7:25
@NabilShahid, I have liberty to save it in any form keeping in mind that user can ask to edit it latter
– Zohab Ali
Nov 20 at 7:26
Have a look at this: github.com/kolkov/angular-editor
– Nabil Shahid
Nov 20 at 7:29
You can copy and paste word or excel tables in it and it converts them to html table
– Nabil Shahid
Nov 20 at 7:30