CKeditor Images not displaying
My CKeditor is not displaying existing images. I have confirmed that it was added to the extraAllowedContent and I have the img button in the toolbar, I can add images and it shows them. But once the page is saved, and its loaded back the images are not showing, I can see them when I view source, and also if I use DevTools I can locate the hidden textarea tag and see the img src markup, but the editor just strips out the tags. I feel I have tried everything!
config.allowedContent = true;
config.extraAllowedContent =
"img(*)[*]{*};p(*)[*]{*};div(*)[*]{*};li(*)[*]{*};ul(*)[*]{*};";
Stuff I have tried...
https://drupal.stackexchange.com/questions/57876/images-not-displaying-on-site-or-in-view-source-after-uploading-them-with-cked
https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-extraAllowedContent
Using CKeditor 4.9.2
drupal-7 ckeditor
asked Nov 21 '18 at 19:47
NickSteesNickStees
31829
add a comment |
My CKeditor is not displaying existing images. I have confirmed that it was added to the extraAllowedContent and I have the img button in the toolbar, I can add images and it shows them. But once the page is saved, and its loaded back the images are not showing, I can see them when I view source, and also if I use DevTools I can locate the hidden textarea tag and see the img src markup, but the editor just strips out the tags. I feel I have tried everything!
config.allowedContent = true;
config.extraAllowedContent =
"img(*)[*]{*};p(*)[*]{*};div(*)[*]{*};li(*)[*]{*};ul(*)[*]{*};";
Stuff I have tried...
https://drupal.stackexchange.com/questions/57876/images-not-displaying-on-site-or-in-view-source-after-uploading-them-with-cked
https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-extraAllowedContent
Using CKeditor 4.9.2
drupal-7 ckeditor
asked Nov 21 '18 at 19:47
NickSteesNickStees
31829
add a comment |
My CKeditor is not displaying existing images. I have confirmed that it was added to the extraAllowedContent and I have the img button in the toolbar, I can add images and it shows them. But once the page is saved, and its loaded back the images are not showing, I can see them when I view source, and also if I use DevTools I can locate the hidden textarea tag and see the img src markup, but the editor just strips out the tags. I feel I have tried everything!
config.allowedContent = true;
config.extraAllowedContent =
"img(*)[*]{*};p(*)[*]{*};div(*)[*]{*};li(*)[*]{*};ul(*)[*]{*};";
Stuff I have tried...
https://drupal.stackexchange.com/questions/57876/images-not-displaying-on-site-or-in-view-source-after-uploading-them-with-cked
https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-extraAllowedContent
Using CKeditor 4.9.2
drupal-7 ckeditor
asked Nov 21 '18 at 19:47
NickSteesNickStees
31829
My CKeditor is not displaying existing images. I have confirmed that it was added to the extraAllowedContent and I have the img button in the toolbar, I can add images and it shows them. But once the page is saved, and its loaded back the images are not showing, I can see them when I view source, and also if I use DevTools I can locate the hidden textarea tag and see the img src markup, but the editor just strips out the tags. I feel I have tried everything!
config.allowedContent = true;
config.extraAllowedContent =
"img(*)[*]{*};p(*)[*]{*};div(*)[*]{*};li(*)[*]{*};ul(*)[*]{*};";
Stuff I have tried...
https://drupal.stackexchange.com/questions/57876/images-not-displaying-on-site-or-in-view-source-after-uploading-them-with-cked
https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-extraAllowedContent
Using CKeditor 4.9.2
drupal-7 ckeditor
drupal-7 ckeditor
asked Nov 21 '18 at 19:47
NickSteesNickStees
31829
asked Nov 21 '18 at 19:47
NickSteesNickStees
31829
asked Nov 21 '18 at 19:47
NickSteesNickStees
31829
asked Nov 21 '18 at 19:47
NickSteesNickStees
31829
asked Nov 21 '18 at 19:47
NickSteesNickStees
31829
31829
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
FIXED: I had added some code to allow <i></i> tags for font-awesome, and apparently it was catching the <img> tag??? Not sure but I removed the following and now tags are back showing up.
// config.protectedSource.push(/<i[sS]*?>/g); //allows beginning <i> tag
// config.protectedSource.push(/</i[sS]*?>/g); //allows ending </i> tag
answered Nov 28 '18 at 18:36
NickSteesNickStees
31829
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%2f53419515%2fckeditor-images-not-displaying%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
FIXED: I had added some code to allow <i></i> tags for font-awesome, and apparently it was catching the <img> tag??? Not sure but I removed the following and now tags are back showing up.
// config.protectedSource.push(/<i[sS]*?>/g); //allows beginning <i> tag
// config.protectedSource.push(/</i[sS]*?>/g); //allows ending </i> tag
answered Nov 28 '18 at 18:36
NickSteesNickStees
31829
add a comment |
FIXED: I had added some code to allow <i></i> tags for font-awesome, and apparently it was catching the <img> tag??? Not sure but I removed the following and now tags are back showing up.
// config.protectedSource.push(/<i[sS]*?>/g); //allows beginning <i> tag
// config.protectedSource.push(/</i[sS]*?>/g); //allows ending </i> tag
answered Nov 28 '18 at 18:36
NickSteesNickStees
31829
add a comment |
FIXED: I had added some code to allow <i></i> tags for font-awesome, and apparently it was catching the <img> tag??? Not sure but I removed the following and now tags are back showing up.
// config.protectedSource.push(/<i[sS]*?>/g); //allows beginning <i> tag
// config.protectedSource.push(/</i[sS]*?>/g); //allows ending </i> tag
answered Nov 28 '18 at 18:36
NickSteesNickStees
31829
FIXED: I had added some code to allow <i></i> tags for font-awesome, and apparently it was catching the <img> tag??? Not sure but I removed the following and now tags are back showing up.
// config.protectedSource.push(/<i[sS]*?>/g); //allows beginning <i> tag
// config.protectedSource.push(/</i[sS]*?>/g); //allows ending </i> tag
answered Nov 28 '18 at 18:36
NickSteesNickStees
31829
answered Nov 28 '18 at 18:36
NickSteesNickStees
31829
answered Nov 28 '18 at 18:36
NickSteesNickStees
31829
answered Nov 28 '18 at 18:36
NickSteesNickStees
31829
31829
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%2f53419515%2fckeditor-images-not-displaying%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
