Mixing
contenteditable add bold, italic formatting options when text selected
I'm building an app using Ionic, and Angular.
I implemented a contenteditable div in my application expecting that when you select text that the bold, italic, and strike options appear natively.. however, it doesn't seem to.
The desired effect I'd want:
How do you get the "Bold", "Italic" options when you select text? Any ideas?
Do I have to build my own function for this?
Thank you.
javascript angular cordova ionic-framework ionic3
asked Nov 19 '18 at 20:46
Jane DoeJane Doe
691931
add a comment |
I'm building an app using Ionic, and Angular.
I implemented a contenteditable div in my application expecting that when you select text that the bold, italic, and strike options appear natively.. however, it doesn't seem to.
The desired effect I'd want:
How do you get the "Bold", "Italic" options when you select text? Any ideas?
Do I have to build my own function for this?
Thank you.
javascript angular cordova ionic-framework ionic3
asked Nov 19 '18 at 20:46
Jane DoeJane Doe
691931
add a comment |
I'm building an app using Ionic, and Angular.
I implemented a contenteditable div in my application expecting that when you select text that the bold, italic, and strike options appear natively.. however, it doesn't seem to.
The desired effect I'd want:
How do you get the "Bold", "Italic" options when you select text? Any ideas?
Do I have to build my own function for this?
Thank you.
javascript angular cordova ionic-framework ionic3
asked Nov 19 '18 at 20:46
Jane DoeJane Doe
691931
I'm building an app using Ionic, and Angular.
I implemented a contenteditable div in my application expecting that when you select text that the bold, italic, and strike options appear natively.. however, it doesn't seem to.
The desired effect I'd want:
How do you get the "Bold", "Italic" options when you select text? Any ideas?
Do I have to build my own function for this?
Thank you.
javascript angular cordova ionic-framework ionic3
javascript angular cordova ionic-framework ionic3
asked Nov 19 '18 at 20:46
Jane DoeJane Doe
691931
asked Nov 19 '18 at 20:46
Jane DoeJane Doe
691931
asked Nov 19 '18 at 20:46
Jane DoeJane Doe
691931
asked Nov 19 '18 at 20:46
Jane DoeJane Doe
691931
asked Nov 19 '18 at 20:46
Jane DoeJane Doe
691931
691931
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
Looking at this, WhatsApp options for contenteditable text are not the defaults. I checked on gmail, twitter and other apps and they don't have bold and italic options, just CUT, COPY, PASTE, SHARE and PAST AS PLAIN TEXT, the same that I got when I try it on my Ionic applications. Also I checked on the Ionic documentation and I didn't find anything helpful for that. So I think that you will have to build your own function for this.
answered Nov 20 '18 at 0:33
Octavio GarbarinoOctavio Garbarino
472411
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%2f53382386%2fcontenteditable-add-bold-italic-formatting-options-when-text-selected%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
Looking at this, WhatsApp options for contenteditable text are not the defaults. I checked on gmail, twitter and other apps and they don't have bold and italic options, just CUT, COPY, PASTE, SHARE and PAST AS PLAIN TEXT, the same that I got when I try it on my Ionic applications. Also I checked on the Ionic documentation and I didn't find anything helpful for that. So I think that you will have to build your own function for this.
answered Nov 20 '18 at 0:33
Octavio GarbarinoOctavio Garbarino
472411
add a comment |
Looking at this, WhatsApp options for contenteditable text are not the defaults. I checked on gmail, twitter and other apps and they don't have bold and italic options, just CUT, COPY, PASTE, SHARE and PAST AS PLAIN TEXT, the same that I got when I try it on my Ionic applications. Also I checked on the Ionic documentation and I didn't find anything helpful for that. So I think that you will have to build your own function for this.
answered Nov 20 '18 at 0:33
Octavio GarbarinoOctavio Garbarino
472411
add a comment |
Looking at this, WhatsApp options for contenteditable text are not the defaults. I checked on gmail, twitter and other apps and they don't have bold and italic options, just CUT, COPY, PASTE, SHARE and PAST AS PLAIN TEXT, the same that I got when I try it on my Ionic applications. Also I checked on the Ionic documentation and I didn't find anything helpful for that. So I think that you will have to build your own function for this.
answered Nov 20 '18 at 0:33
Octavio GarbarinoOctavio Garbarino
472411
Looking at this, WhatsApp options for contenteditable text are not the defaults. I checked on gmail, twitter and other apps and they don't have bold and italic options, just CUT, COPY, PASTE, SHARE and PAST AS PLAIN TEXT, the same that I got when I try it on my Ionic applications. Also I checked on the Ionic documentation and I didn't find anything helpful for that. So I think that you will have to build your own function for this.
answered Nov 20 '18 at 0:33
Octavio GarbarinoOctavio Garbarino
472411
answered Nov 20 '18 at 0:33
Octavio GarbarinoOctavio Garbarino
472411
answered Nov 20 '18 at 0:33
Octavio GarbarinoOctavio Garbarino
472411
answered Nov 20 '18 at 0:33
Octavio GarbarinoOctavio Garbarino
472411
472411
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.
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%2f53382386%2fcontenteditable-add-bold-italic-formatting-options-when-text-selected%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
