How can I add html tag to the content div of Quill text editor in Angular?
I have a form with quill text editor.
<quill-editor [modules]="quillConfig" (onEditorCreated)="getEditorInstance($event)"></quill-editor>
I have an image gallery in a modal, which is filled with my images, and I would like that, if I select an image from modal put the img tag after the text in the editor.
This is the code of one image what I want to add:
<div class="news-image-box">
<img src="${image.path}" alt="${image.description}">
<div class="row">
<div class="col-md-9"><p>${image.description}</p></div>
<div class="col-md-3 news-image-credit"><p>${image.credit}</p></div>
</div>
</div>
My problem is that the contenteditable div of Quill (which is the div for my text and it has "ql-editor" css class) is generated, so I can't give a local reference for using @ViewChild... (or I don't know how)
document.getElementsByClassName('ql-editor')[0].innerHTML += imageElement;
I tried to get the content of "ql-editor" div by a sample getElementsByClassname and just added my img tag to it, but the angular throws this error:
core.js:1673 ERROR TypeError: Cannot read property 'emit' of undefined
at Scroll.update (quill.js:4329)
at MutationObserver.<anonymous> (quill.js:7118)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:388)
at Object.onInvoke (core.js:3820)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:387)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runGuarded (zone.js:151)
at MutationObserver.<anonymous> (zone.js:129)
I works with just a string btw...
document.getElementsByClassName('ql-editor')[0].innerHTML += 'something';
javascript html
angular quill ngx-quill edited 7 hours ago
zgue
2,43262229
asked Nov 27 '18 at 14:10
Zsolt ÜvegesZsolt Üveges
132
add a comment |
I have a form with quill text editor.
<quill-editor [modules]="quillConfig" (onEditorCreated)="getEditorInstance($event)"></quill-editor>
I have an image gallery in a modal, which is filled with my images, and I would like that, if I select an image from modal put the img tag after the text in the editor.
This is the code of one image what I want to add:
<div class="news-image-box">
<img src="${image.path}" alt="${image.description}">
<div class="row">
<div class="col-md-9"><p>${image.description}</p></div>
<div class="col-md-3 news-image-credit"><p>${image.credit}</p></div>
</div>
</div>
My problem is that the contenteditable div of Quill (which is the div for my text and it has "ql-editor" css class) is generated, so I can't give a local reference for using @ViewChild... (or I don't know how)
document.getElementsByClassName('ql-editor')[0].innerHTML += imageElement;
I tried to get the content of "ql-editor" div by a sample getElementsByClassname and just added my img tag to it, but the angular throws this error:
core.js:1673 ERROR TypeError: Cannot read property 'emit' of undefined
at Scroll.update (quill.js:4329)
at MutationObserver.<anonymous> (quill.js:7118)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:388)
at Object.onInvoke (core.js:3820)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:387)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runGuarded (zone.js:151)
at MutationObserver.<anonymous> (zone.js:129)
I works with just a string btw...
document.getElementsByClassName('ql-editor')[0].innerHTML += 'something';
javascript html
angular quill ngx-quill edited 7 hours ago
zgue
2,43262229
asked Nov 27 '18 at 14:10
Zsolt ÜvegesZsolt Üveges
132
Have you tried turning the element into a string before appending to the innerHTML?
– bob0the0mighty
Nov 27 '18 at 14:31
Yes, it was the same situation, or added to it between " " inside a <p> tag :/
– Zsolt Üveges
Nov 28 '18 at 8:47
add a comment |
I have a form with quill text editor.
<quill-editor [modules]="quillConfig" (onEditorCreated)="getEditorInstance($event)"></quill-editor>
I have an image gallery in a modal, which is filled with my images, and I would like that, if I select an image from modal put the img tag after the text in the editor.
This is the code of one image what I want to add:
<div class="news-image-box">
<img src="${image.path}" alt="${image.description}">
<div class="row">
<div class="col-md-9"><p>${image.description}</p></div>
<div class="col-md-3 news-image-credit"><p>${image.credit}</p></div>
</div>
</div>
My problem is that the contenteditable div of Quill (which is the div for my text and it has "ql-editor" css class) is generated, so I can't give a local reference for using @ViewChild... (or I don't know how)
document.getElementsByClassName('ql-editor')[0].innerHTML += imageElement;
I tried to get the content of "ql-editor" div by a sample getElementsByClassname and just added my img tag to it, but the angular throws this error:
core.js:1673 ERROR TypeError: Cannot read property 'emit' of undefined
at Scroll.update (quill.js:4329)
at MutationObserver.<anonymous> (quill.js:7118)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:388)
at Object.onInvoke (core.js:3820)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:387)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runGuarded (zone.js:151)
at MutationObserver.<anonymous> (zone.js:129)
I works with just a string btw...
document.getElementsByClassName('ql-editor')[0].innerHTML += 'something';
javascript html
angular quill ngx-quill edited 7 hours ago
zgue
2,43262229
asked Nov 27 '18 at 14:10
Zsolt ÜvegesZsolt Üveges
132
I have a form with quill text editor.
<quill-editor [modules]="quillConfig" (onEditorCreated)="getEditorInstance($event)"></quill-editor>
I have an image gallery in a modal, which is filled with my images, and I would like that, if I select an image from modal put the img tag after the text in the editor.
This is the code of one image what I want to add:
<div class="news-image-box">
<img src="${image.path}" alt="${image.description}">
<div class="row">
<div class="col-md-9"><p>${image.description}</p></div>
<div class="col-md-3 news-image-credit"><p>${image.credit}</p></div>
</div>
</div>
My problem is that the contenteditable div of Quill (which is the div for my text and it has "ql-editor" css class) is generated, so I can't give a local reference for using @ViewChild... (or I don't know how)
document.getElementsByClassName('ql-editor')[0].innerHTML += imageElement;
I tried to get the content of "ql-editor" div by a sample getElementsByClassname and just added my img tag to it, but the angular throws this error:
core.js:1673 ERROR TypeError: Cannot read property 'emit' of undefined
at Scroll.update (quill.js:4329)
at MutationObserver.<anonymous> (quill.js:7118)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:388)
at Object.onInvoke (core.js:3820)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:387)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runGuarded (zone.js:151)
at MutationObserver.<anonymous> (zone.js:129)
I works with just a string btw...
document.getElementsByClassName('ql-editor')[0].innerHTML += 'something';
javascript html
angular quill ngx-quill javascript html
angular quill ngx-quill edited 7 hours ago
zgue
2,43262229
asked Nov 27 '18 at 14:10
Zsolt ÜvegesZsolt Üveges
132
edited 7 hours ago
zgue
2,43262229
asked Nov 27 '18 at 14:10
Zsolt ÜvegesZsolt Üveges
132
edited 7 hours ago
zgue
2,43262229
edited 7 hours ago
zgue
2,43262229
edited 7 hours ago
zgue
2,43262229
2,43262229
asked Nov 27 '18 at 14:10
Zsolt ÜvegesZsolt Üveges
132
asked Nov 27 '18 at 14:10
Zsolt ÜvegesZsolt Üveges
132
asked Nov 27 '18 at 14:10
Zsolt ÜvegesZsolt Üveges
132
132
Have you tried turning the element into a string before appending to the innerHTML?
– bob0the0mighty
Nov 27 '18 at 14:31
Yes, it was the same situation, or added to it between " " inside a <p> tag :/
– Zsolt Üveges
Nov 28 '18 at 8:47
add a comment |
Have you tried turning the element into a string before appending to the innerHTML?
– bob0the0mighty
Nov 27 '18 at 14:31
Yes, it was the same situation, or added to it between " " inside a <p> tag :/
– Zsolt Üveges
Nov 28 '18 at 8:47
Have you tried turning the element into a string before appending to the innerHTML?
– bob0the0mighty
Nov 27 '18 at 14:31
Have you tried turning the element into a string before appending to the innerHTML?
– bob0the0mighty
Nov 27 '18 at 14:31
Yes, it was the same situation, or added to it between " " inside a <p> tag :/
– Zsolt Üveges
Nov 28 '18 at 8:47
Yes, it was the same situation, or added to it between " " inside a <p> tag :/
– Zsolt Üveges
Nov 28 '18 at 8:47
add a comment |
2 Answers
2
active
oldest
votes
You can go with ngModel, it is clearly mentioned in documentation.
Reference:
ngx-quill git Repo
Example Snippet:
<quill-editor [(ngModel)]="productDetail" [style]="{border: '0px'}"></quill-editor>
answered Nov 27 '18 at 14:42
ImrahamedImrahamed
517
Thanks! It works almost perfectly! :) Finally the image is added but without div tags... I found the sanitize option in documentation but how can I use it? I tried this way:<quill-editor [(ngModel)]="contentText" [sanitize]="false" [ngModelOptions]="{standalone: true}" [modules]="quillConfig" (onEditorCreated)="getEditorInstance($event)"></quill-editor>... but it throws this error : `ng: Can't bind to 'sanitize' since it isn't a known property of 'quill-editor'.
– Zsolt Üveges
Nov 28 '18 at 8:38
Which version of quil you are using?
– Imrahamed
Nov 28 '18 at 9:31
Sanitization only support in V3.3.0 and After. Reference: github.com/KillerCodeMonkey/ngx-quill/issues/198
– Imrahamed
Nov 28 '18 at 9:32
I have "ngx-quill": "^4.1.0", and "quill": "^1.3.6". I think this is up-to-date.
– Zsolt Üveges
Nov 28 '18 at 9:42
1
Wow! Thanks so much your help! I modified your code. You can see if you click the button the image will be added, but without the divs... stackblitz.com/edit/ngx-quill-dxmifr
– Zsolt Üveges
Nov 28 '18 at 14:31
|
show 11 more comments
If I understand your problem, you want to add a img tag inside your quill-editor.
Modifying the Element.innerHTML property is a good method if you want to do this but is a bit complicated. It exists simplier method to do that like Element.insertBefore() or Element.append().
You can use them like this :
document.getElementsByClassName('ql-editor')[0].append(imageElement);
Or
document.getElementsByClassName('ql-editor')[0].insertBefore(imageElement, null);
If you really want to use the Element.innerHTML, I invite you to see the documentation about this property.
Hope this helps
Edit: Grammar
answered Nov 27 '18 at 14:22
Baguette EaterBaguette Eater
365
Thanks your answer, but the problem with this solution is that the html tags added like string, so when I read it from DB it won't be html tags but string in a <p> tag. I used [innerHtml] of course.
– Zsolt Üveges
Nov 28 '18 at 8:46
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%2f53501587%2fhow-can-i-add-html-tag-to-the-content-div-of-quill-text-editor-in-angular%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
You can go with ngModel, it is clearly mentioned in documentation.
Reference:
ngx-quill git Repo
Example Snippet:
<quill-editor [(ngModel)]="productDetail" [style]="{border: '0px'}"></quill-editor>
answered Nov 27 '18 at 14:42
ImrahamedImrahamed
517
Thanks! It works almost perfectly! :) Finally the image is added but without div tags... I found the sanitize option in documentation but how can I use it? I tried this way:<quill-editor [(ngModel)]="contentText" [sanitize]="false" [ngModelOptions]="{standalone: true}" [modules]="quillConfig" (onEditorCreated)="getEditorInstance($event)"></quill-editor>... but it throws this error : `ng: Can't bind to 'sanitize' since it isn't a known property of 'quill-editor'.
– Zsolt Üveges
Nov 28 '18 at 8:38
Which version of quil you are using?
– Imrahamed
Nov 28 '18 at 9:31
Sanitization only support in V3.3.0 and After. Reference: github.com/KillerCodeMonkey/ngx-quill/issues/198
– Imrahamed
Nov 28 '18 at 9:32
I have "ngx-quill": "^4.1.0", and "quill": "^1.3.6". I think this is up-to-date.
– Zsolt Üveges
Nov 28 '18 at 9:42
1
Wow! Thanks so much your help! I modified your code. You can see if you click the button the image will be added, but without the divs... stackblitz.com/edit/ngx-quill-dxmifr
– Zsolt Üveges
Nov 28 '18 at 14:31
|
show 11 more comments
You can go with ngModel, it is clearly mentioned in documentation.
Reference:
ngx-quill git Repo
Example Snippet:
<quill-editor [(ngModel)]="productDetail" [style]="{border: '0px'}"></quill-editor>
answered Nov 27 '18 at 14:42
ImrahamedImrahamed
517
Thanks! It works almost perfectly! :) Finally the image is added but without div tags... I found the sanitize option in documentation but how can I use it? I tried this way:<quill-editor [(ngModel)]="contentText" [sanitize]="false" [ngModelOptions]="{standalone: true}" [modules]="quillConfig" (onEditorCreated)="getEditorInstance($event)"></quill-editor>... but it throws this error : `ng: Can't bind to 'sanitize' since it isn't a known property of 'quill-editor'.
– Zsolt Üveges
Nov 28 '18 at 8:38
Which version of quil you are using?
– Imrahamed
Nov 28 '18 at 9:31
Sanitization only support in V3.3.0 and After. Reference: github.com/KillerCodeMonkey/ngx-quill/issues/198
– Imrahamed
Nov 28 '18 at 9:32
I have "ngx-quill": "^4.1.0", and "quill": "^1.3.6". I think this is up-to-date.
– Zsolt Üveges
Nov 28 '18 at 9:42
1
Wow! Thanks so much your help! I modified your code. You can see if you click the button the image will be added, but without the divs... stackblitz.com/edit/ngx-quill-dxmifr
– Zsolt Üveges
Nov 28 '18 at 14:31
|
show 11 more comments
You can go with ngModel, it is clearly mentioned in documentation.
Reference:
ngx-quill git Repo
Example Snippet:
<quill-editor [(ngModel)]="productDetail" [style]="{border: '0px'}"></quill-editor>
answered Nov 27 '18 at 14:42
ImrahamedImrahamed
517
You can go with ngModel, it is clearly mentioned in documentation.
Reference:
ngx-quill git Repo
Example Snippet:
<quill-editor [(ngModel)]="productDetail" [style]="{border: '0px'}"></quill-editor>
answered Nov 27 '18 at 14:42
ImrahamedImrahamed
517
answered Nov 27 '18 at 14:42
ImrahamedImrahamed
517
answered Nov 27 '18 at 14:42
ImrahamedImrahamed
517
answered Nov 27 '18 at 14:42
ImrahamedImrahamed
517
517
Thanks! It works almost perfectly! :) Finally the image is added but without div tags... I found the sanitize option in documentation but how can I use it? I tried this way:<quill-editor [(ngModel)]="contentText" [sanitize]="false" [ngModelOptions]="{standalone: true}" [modules]="quillConfig" (onEditorCreated)="getEditorInstance($event)"></quill-editor>... but it throws this error : `ng: Can't bind to 'sanitize' since it isn't a known property of 'quill-editor'.
– Zsolt Üveges
Nov 28 '18 at 8:38
Which version of quil you are using?
– Imrahamed
Nov 28 '18 at 9:31
Sanitization only support in V3.3.0 and After. Reference: github.com/KillerCodeMonkey/ngx-quill/issues/198
– Imrahamed
Nov 28 '18 at 9:32
I have "ngx-quill": "^4.1.0", and "quill": "^1.3.6". I think this is up-to-date.
– Zsolt Üveges
Nov 28 '18 at 9:42
1
Wow! Thanks so much your help! I modified your code. You can see if you click the button the image will be added, but without the divs... stackblitz.com/edit/ngx-quill-dxmifr
– Zsolt Üveges
Nov 28 '18 at 14:31
|
show 11 more comments
Thanks! It works almost perfectly! :) Finally the image is added but without div tags... I found the sanitize option in documentation but how can I use it? I tried this way:<quill-editor [(ngModel)]="contentText" [sanitize]="false" [ngModelOptions]="{standalone: true}" [modules]="quillConfig" (onEditorCreated)="getEditorInstance($event)"></quill-editor>... but it throws this error : `ng: Can't bind to 'sanitize' since it isn't a known property of 'quill-editor'.
– Zsolt Üveges
Nov 28 '18 at 8:38
Which version of quil you are using?
– Imrahamed
Nov 28 '18 at 9:31
Sanitization only support in V3.3.0 and After. Reference: github.com/KillerCodeMonkey/ngx-quill/issues/198
– Imrahamed
Nov 28 '18 at 9:32
I have "ngx-quill": "^4.1.0", and "quill": "^1.3.6". I think this is up-to-date.
– Zsolt Üveges
Nov 28 '18 at 9:42
1
Wow! Thanks so much your help! I modified your code. You can see if you click the button the image will be added, but without the divs... stackblitz.com/edit/ngx-quill-dxmifr
– Zsolt Üveges
Nov 28 '18 at 14:31
Thanks! It works almost perfectly! :) Finally the image is added but without div tags... I found the sanitize option in documentation but how can I use it? I tried this way:
<quill-editor [(ngModel)]="contentText" [sanitize]="false" [ngModelOptions]="{standalone: true}" [modules]="quillConfig" (onEditorCreated)="getEditorInstance($event)"></quill-editor> ... but it throws this error : `ng: Can't bind to 'sanitize' since it isn't a known property of 'quill-editor'.– Zsolt Üveges
Nov 28 '18 at 8:38
Thanks! It works almost perfectly! :) Finally the image is added but without div tags... I found the sanitize option in documentation but how can I use it? I tried this way:
<quill-editor [(ngModel)]="contentText" [sanitize]="false" [ngModelOptions]="{standalone: true}" [modules]="quillConfig" (onEditorCreated)="getEditorInstance($event)"></quill-editor> ... but it throws this error : `ng: Can't bind to 'sanitize' since it isn't a known property of 'quill-editor'.– Zsolt Üveges
Nov 28 '18 at 8:38
Which version of quil you are using?
– Imrahamed
Nov 28 '18 at 9:31
Which version of quil you are using?
– Imrahamed
Nov 28 '18 at 9:31
Sanitization only support in V3.3.0 and After. Reference: github.com/KillerCodeMonkey/ngx-quill/issues/198
– Imrahamed
Nov 28 '18 at 9:32
Sanitization only support in V3.3.0 and After. Reference: github.com/KillerCodeMonkey/ngx-quill/issues/198
– Imrahamed
Nov 28 '18 at 9:32
I have "ngx-quill": "^4.1.0", and "quill": "^1.3.6". I think this is up-to-date.
– Zsolt Üveges
Nov 28 '18 at 9:42
I have "ngx-quill": "^4.1.0", and "quill": "^1.3.6". I think this is up-to-date.
– Zsolt Üveges
Nov 28 '18 at 9:42
1
1
Wow! Thanks so much your help! I modified your code. You can see if you click the button the image will be added, but without the divs... stackblitz.com/edit/ngx-quill-dxmifr
– Zsolt Üveges
Nov 28 '18 at 14:31
Wow! Thanks so much your help! I modified your code. You can see if you click the button the image will be added, but without the divs... stackblitz.com/edit/ngx-quill-dxmifr
– Zsolt Üveges
Nov 28 '18 at 14:31
|
show 11 more comments
If I understand your problem, you want to add a img tag inside your quill-editor.
Modifying the Element.innerHTML property is a good method if you want to do this but is a bit complicated. It exists simplier method to do that like Element.insertBefore() or Element.append().
You can use them like this :
document.getElementsByClassName('ql-editor')[0].append(imageElement);
Or
document.getElementsByClassName('ql-editor')[0].insertBefore(imageElement, null);
If you really want to use the Element.innerHTML, I invite you to see the documentation about this property.
Hope this helps
Edit: Grammar
answered Nov 27 '18 at 14:22
Baguette EaterBaguette Eater
365
Thanks your answer, but the problem with this solution is that the html tags added like string, so when I read it from DB it won't be html tags but string in a <p> tag. I used [innerHtml] of course.
– Zsolt Üveges
Nov 28 '18 at 8:46
add a comment |
If I understand your problem, you want to add a img tag inside your quill-editor.
Modifying the Element.innerHTML property is a good method if you want to do this but is a bit complicated. It exists simplier method to do that like Element.insertBefore() or Element.append().
You can use them like this :
document.getElementsByClassName('ql-editor')[0].append(imageElement);
Or
document.getElementsByClassName('ql-editor')[0].insertBefore(imageElement, null);
If you really want to use the Element.innerHTML, I invite you to see the documentation about this property.
Hope this helps
Edit: Grammar
answered Nov 27 '18 at 14:22
Baguette EaterBaguette Eater
365
Thanks your answer, but the problem with this solution is that the html tags added like string, so when I read it from DB it won't be html tags but string in a <p> tag. I used [innerHtml] of course.
– Zsolt Üveges
Nov 28 '18 at 8:46
add a comment |
If I understand your problem, you want to add a img tag inside your quill-editor.
Modifying the Element.innerHTML property is a good method if you want to do this but is a bit complicated. It exists simplier method to do that like Element.insertBefore() or Element.append().
You can use them like this :
document.getElementsByClassName('ql-editor')[0].append(imageElement);
Or
document.getElementsByClassName('ql-editor')[0].insertBefore(imageElement, null);
If you really want to use the Element.innerHTML, I invite you to see the documentation about this property.
Hope this helps
Edit: Grammar
answered Nov 27 '18 at 14:22
Baguette EaterBaguette Eater
365
If I understand your problem, you want to add a img tag inside your quill-editor.
Modifying the Element.innerHTML property is a good method if you want to do this but is a bit complicated. It exists simplier method to do that like Element.insertBefore() or Element.append().
You can use them like this :
document.getElementsByClassName('ql-editor')[0].append(imageElement);
Or
document.getElementsByClassName('ql-editor')[0].insertBefore(imageElement, null);
If you really want to use the Element.innerHTML, I invite you to see the documentation about this property.
Hope this helps
Edit: Grammar
answered Nov 27 '18 at 14:22
Baguette EaterBaguette Eater
365
answered Nov 27 '18 at 14:22
Baguette EaterBaguette Eater
365
answered Nov 27 '18 at 14:22
Baguette EaterBaguette Eater
365
answered Nov 27 '18 at 14:22
Baguette EaterBaguette Eater
365
365
Thanks your answer, but the problem with this solution is that the html tags added like string, so when I read it from DB it won't be html tags but string in a <p> tag. I used [innerHtml] of course.
– Zsolt Üveges
Nov 28 '18 at 8:46
add a comment |
Thanks your answer, but the problem with this solution is that the html tags added like string, so when I read it from DB it won't be html tags but string in a <p> tag. I used [innerHtml] of course.
– Zsolt Üveges
Nov 28 '18 at 8:46
Thanks your answer, but the problem with this solution is that the html tags added like string, so when I read it from DB it won't be html tags but string in a <p> tag. I used [innerHtml] of course.
– Zsolt Üveges
Nov 28 '18 at 8:46
Thanks your answer, but the problem with this solution is that the html tags added like string, so when I read it from DB it won't be html tags but string in a <p> tag. I used [innerHtml] of course.
– Zsolt Üveges
Nov 28 '18 at 8:46
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.
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%2f53501587%2fhow-can-i-add-html-tag-to-the-content-div-of-quill-text-editor-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
Have you tried turning the element into a string before appending to the innerHTML?
– bob0the0mighty
Nov 27 '18 at 14:31
Yes, it was the same situation, or added to it between " " inside a <p> tag :/
– Zsolt Üveges
Nov 28 '18 at 8:47