Add class/id to path in TinyMCE4
Quick question:
Is there a way to add class and/or ID of the elements in the path of TinyMCE status bar under content?
path tinymce statusbar tinymce-4 uistatusbar
asked Nov 26 '18 at 15:54
EnicEnic
134
add a comment |
Quick question:
Is there a way to add class and/or ID of the elements in the path of TinyMCE status bar under content?
path tinymce statusbar tinymce-4 uistatusbar
asked Nov 26 '18 at 15:54
EnicEnic
134
add a comment |
Quick question:
Is there a way to add class and/or ID of the elements in the path of TinyMCE status bar under content?
path tinymce statusbar tinymce-4 uistatusbar
asked Nov 26 '18 at 15:54
EnicEnic
134
Quick question:
Is there a way to add class and/or ID of the elements in the path of TinyMCE status bar under content?
path tinymce statusbar tinymce-4 uistatusbar
path tinymce statusbar tinymce-4 uistatusbar
asked Nov 26 '18 at 15:54
EnicEnic
134
asked Nov 26 '18 at 15:54
EnicEnic
134
asked Nov 26 '18 at 15:54
EnicEnic
134
asked Nov 26 '18 at 15:54
EnicEnic
134
asked Nov 26 '18 at 15:54
EnicEnic
134
134
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
TinyMCE has no such capability built into its status bar. If you wanted to add that you could do so by modifying the code. I would note that with any type of longer ID or Class labels that status bar will get filled up quickly which is why it does not do so by default.
answered Nov 27 '18 at 2:10
Michael FrominMichael Fromin
6,6222820
Thank you @Michael, can you suggest a code snippet that I could put into the plugin file that would accomplish this? My content isn't deeper than 3 tags so class and ID tags will not make the path bar too busy.
– Enic
Nov 27 '18 at 11:16
I have never tried to do this myself so I have no idea what code you would actually need to make this happen. What specific issue are you having in your attempts to create code to do what you need?
– Michael Fromin
Nov 27 '18 at 14:37
add a comment |
The Elements in the Statusbar have a bunch of classes from Tiny Editor, you can examine it in the browser (chrome or firefox) with f12.
From there, it is no problem to override the current styling with some code like
.mce-statusbar.mce-container {
position : relative;
height : 0;
margin-top : -20px;
opacity : 0.5;
background-color :#fff;
border : 1px solid #333;
}
Beside, you can manipulate the code, where content is written in the Statusbar. See Plugin Wordcount for example. They are using some code like this to update the statusbar and enter a class name:
if (statusbar) {
Delay.setEditorTimeout(editor, function () {
statusbar.insert({
type: 'label',
name: 'wordcount',
text: ['Words: {0}', getCount()],
classes: 'wordcount',
disabled: editor.settings.readonly
}, 0);
editor.on('setcontent beforeaddundo undo redo keyup', debouncedUpdate);
}, 0);
}
answered Dec 5 '18 at 20:36
Wolfgang BlessenWolfgang Blessen
494416
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%2f53484784%2fadd-class-id-to-path-in-tinymce4%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
TinyMCE has no such capability built into its status bar. If you wanted to add that you could do so by modifying the code. I would note that with any type of longer ID or Class labels that status bar will get filled up quickly which is why it does not do so by default.
answered Nov 27 '18 at 2:10
Michael FrominMichael Fromin
6,6222820
Thank you @Michael, can you suggest a code snippet that I could put into the plugin file that would accomplish this? My content isn't deeper than 3 tags so class and ID tags will not make the path bar too busy.
– Enic
Nov 27 '18 at 11:16
I have never tried to do this myself so I have no idea what code you would actually need to make this happen. What specific issue are you having in your attempts to create code to do what you need?
– Michael Fromin
Nov 27 '18 at 14:37
add a comment |
TinyMCE has no such capability built into its status bar. If you wanted to add that you could do so by modifying the code. I would note that with any type of longer ID or Class labels that status bar will get filled up quickly which is why it does not do so by default.
answered Nov 27 '18 at 2:10
Michael FrominMichael Fromin
6,6222820
Thank you @Michael, can you suggest a code snippet that I could put into the plugin file that would accomplish this? My content isn't deeper than 3 tags so class and ID tags will not make the path bar too busy.
– Enic
Nov 27 '18 at 11:16
I have never tried to do this myself so I have no idea what code you would actually need to make this happen. What specific issue are you having in your attempts to create code to do what you need?
– Michael Fromin
Nov 27 '18 at 14:37
add a comment |
TinyMCE has no such capability built into its status bar. If you wanted to add that you could do so by modifying the code. I would note that with any type of longer ID or Class labels that status bar will get filled up quickly which is why it does not do so by default.
answered Nov 27 '18 at 2:10
Michael FrominMichael Fromin
6,6222820
TinyMCE has no such capability built into its status bar. If you wanted to add that you could do so by modifying the code. I would note that with any type of longer ID or Class labels that status bar will get filled up quickly which is why it does not do so by default.
answered Nov 27 '18 at 2:10
Michael FrominMichael Fromin
6,6222820
answered Nov 27 '18 at 2:10
Michael FrominMichael Fromin
6,6222820
answered Nov 27 '18 at 2:10
Michael FrominMichael Fromin
6,6222820
answered Nov 27 '18 at 2:10
Michael FrominMichael Fromin
6,6222820
6,6222820
Thank you @Michael, can you suggest a code snippet that I could put into the plugin file that would accomplish this? My content isn't deeper than 3 tags so class and ID tags will not make the path bar too busy.
– Enic
Nov 27 '18 at 11:16
I have never tried to do this myself so I have no idea what code you would actually need to make this happen. What specific issue are you having in your attempts to create code to do what you need?
– Michael Fromin
Nov 27 '18 at 14:37
add a comment |
Thank you @Michael, can you suggest a code snippet that I could put into the plugin file that would accomplish this? My content isn't deeper than 3 tags so class and ID tags will not make the path bar too busy.
– Enic
Nov 27 '18 at 11:16
I have never tried to do this myself so I have no idea what code you would actually need to make this happen. What specific issue are you having in your attempts to create code to do what you need?
– Michael Fromin
Nov 27 '18 at 14:37
Thank you @Michael, can you suggest a code snippet that I could put into the plugin file that would accomplish this? My content isn't deeper than 3 tags so class and ID tags will not make the path bar too busy.
– Enic
Nov 27 '18 at 11:16
Thank you @Michael, can you suggest a code snippet that I could put into the plugin file that would accomplish this? My content isn't deeper than 3 tags so class and ID tags will not make the path bar too busy.
– Enic
Nov 27 '18 at 11:16
I have never tried to do this myself so I have no idea what code you would actually need to make this happen. What specific issue are you having in your attempts to create code to do what you need?
– Michael Fromin
Nov 27 '18 at 14:37
I have never tried to do this myself so I have no idea what code you would actually need to make this happen. What specific issue are you having in your attempts to create code to do what you need?
– Michael Fromin
Nov 27 '18 at 14:37
add a comment |
The Elements in the Statusbar have a bunch of classes from Tiny Editor, you can examine it in the browser (chrome or firefox) with f12.
From there, it is no problem to override the current styling with some code like
.mce-statusbar.mce-container {
position : relative;
height : 0;
margin-top : -20px;
opacity : 0.5;
background-color :#fff;
border : 1px solid #333;
}
Beside, you can manipulate the code, where content is written in the Statusbar. See Plugin Wordcount for example. They are using some code like this to update the statusbar and enter a class name:
if (statusbar) {
Delay.setEditorTimeout(editor, function () {
statusbar.insert({
type: 'label',
name: 'wordcount',
text: ['Words: {0}', getCount()],
classes: 'wordcount',
disabled: editor.settings.readonly
}, 0);
editor.on('setcontent beforeaddundo undo redo keyup', debouncedUpdate);
}, 0);
}
answered Dec 5 '18 at 20:36
Wolfgang BlessenWolfgang Blessen
494416
add a comment |
The Elements in the Statusbar have a bunch of classes from Tiny Editor, you can examine it in the browser (chrome or firefox) with f12.
From there, it is no problem to override the current styling with some code like
.mce-statusbar.mce-container {
position : relative;
height : 0;
margin-top : -20px;
opacity : 0.5;
background-color :#fff;
border : 1px solid #333;
}
Beside, you can manipulate the code, where content is written in the Statusbar. See Plugin Wordcount for example. They are using some code like this to update the statusbar and enter a class name:
if (statusbar) {
Delay.setEditorTimeout(editor, function () {
statusbar.insert({
type: 'label',
name: 'wordcount',
text: ['Words: {0}', getCount()],
classes: 'wordcount',
disabled: editor.settings.readonly
}, 0);
editor.on('setcontent beforeaddundo undo redo keyup', debouncedUpdate);
}, 0);
}
answered Dec 5 '18 at 20:36
Wolfgang BlessenWolfgang Blessen
494416
add a comment |
The Elements in the Statusbar have a bunch of classes from Tiny Editor, you can examine it in the browser (chrome or firefox) with f12.
From there, it is no problem to override the current styling with some code like
.mce-statusbar.mce-container {
position : relative;
height : 0;
margin-top : -20px;
opacity : 0.5;
background-color :#fff;
border : 1px solid #333;
}
Beside, you can manipulate the code, where content is written in the Statusbar. See Plugin Wordcount for example. They are using some code like this to update the statusbar and enter a class name:
if (statusbar) {
Delay.setEditorTimeout(editor, function () {
statusbar.insert({
type: 'label',
name: 'wordcount',
text: ['Words: {0}', getCount()],
classes: 'wordcount',
disabled: editor.settings.readonly
}, 0);
editor.on('setcontent beforeaddundo undo redo keyup', debouncedUpdate);
}, 0);
}
answered Dec 5 '18 at 20:36
Wolfgang BlessenWolfgang Blessen
494416
The Elements in the Statusbar have a bunch of classes from Tiny Editor, you can examine it in the browser (chrome or firefox) with f12.
From there, it is no problem to override the current styling with some code like
.mce-statusbar.mce-container {
position : relative;
height : 0;
margin-top : -20px;
opacity : 0.5;
background-color :#fff;
border : 1px solid #333;
}
Beside, you can manipulate the code, where content is written in the Statusbar. See Plugin Wordcount for example. They are using some code like this to update the statusbar and enter a class name:
if (statusbar) {
Delay.setEditorTimeout(editor, function () {
statusbar.insert({
type: 'label',
name: 'wordcount',
text: ['Words: {0}', getCount()],
classes: 'wordcount',
disabled: editor.settings.readonly
}, 0);
editor.on('setcontent beforeaddundo undo redo keyup', debouncedUpdate);
}, 0);
}
answered Dec 5 '18 at 20:36
Wolfgang BlessenWolfgang Blessen
494416
answered Dec 5 '18 at 20:36
Wolfgang BlessenWolfgang Blessen
494416
answered Dec 5 '18 at 20:36
Wolfgang BlessenWolfgang Blessen
494416
answered Dec 5 '18 at 20:36
Wolfgang BlessenWolfgang Blessen
494416
494416
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%2f53484784%2fadd-class-id-to-path-in-tinymce4%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
