Remove 'File' option from the Menu in Tiny MCE

Is there a way to selectively remove the "File" option from the Menu Bar without specifying each individual menu item?

https://i.sstatic.net/SFgvi.png

I attempted the following method:

menu: {
edit: {title: 'Edit', items: 'undo redo | cut copy paste pastetext | selectall'},
view: {title: 'View', items: 'visualaid'},
       }

While this approach works, I am looking for a way to remove only the "File" option while keeping all other menu options intact.

Instead of listing out every desired menu item and its sub-options, is there a simpler way to specify which elements to exclude from the menu structure?

Could something like a "remove" function be utilized in this scenario?

Your suggestions are greatly appreciated!

Thank you in advance!!

jquerycsstinymcerich-text-editor

Answer №1

To customize this feature, you can adjust the settings using the menubar parameter.

tinymce.init({
  selector: 'textarea',  // modify this based on your HTML
  menubar: 'edit insert view format table tools'  // exclude file option
});

Answer №2

Check out this link for some guidance. It may not provide your exact solution, but it will give you a better understanding of how to customize the menu bar in TinyMCE.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

The order in which jQuery is loaded can impact the layout of

I am facing an issue with my jQuery code that loads status to a profile page using a ul with li status items. The each() function retrieves items from a JSON callback, and the load() function is supposed to ensure that the image is available before creatin ...

ajaximagejquery

Tips for positioning a hero image perfectly using HTML and CSS

I am looking to display two hero images on the index page and wondering how to align them. My goal is to have both images centered with 50px separation under the header, ensuring they are of equal height. Will using the flex property work for hero images? ...

htmlcss

I could not view the jquery ui icon, but the text within the span appeared on the screen

I'm facing an issue where the jQuery UI icon is not visible, but the text within the span tag is being displayed. I tried using Firebug to troubleshoot, but I couldn't see the CSS code when inspecting the span tag. <TITLE> Test </TITLE ...

jqueryjquery-ui

Guide to making a vertical clickable separator/line using bootstrap

Seeking advice on creating a layout where the left side consists of a sidebar menu occupying 24% and the right side contains main content taking up 75%, with a clickable vertical divider at 1% between them. When this line is clicked, the left part will hid ...

jquerycsshtmltwitter-bootstrap

What is the best way to include a secondary border to a responsive textarea?

Currently, I am utilizing Twitter Bootstrap 3.2.0 and below is the code snippet: Click here for jsFiddle .textarea textarea { background-color: white; background-image: url("http://ello.96.lt/images/as.jpg"); line-height: 1.56em; p ...

twitter-bootstrapcss

The vanishing act: Semantic UI menu disappears when you click

My objective is to create a persistent left-side menu using Semantic-UI. I want to implement two different states for the menu - one with text for each item and another with an image for each item. However, I am facing some challenges that have me complete ...

javascriptjqueryhtmlcsssemantic-ui

Clear out any unnecessary white space beneath the content on your webpage

I am relatively new to Web Development and currently following Colt Steele's udemy course. I have been working on a landing page, but as I try to set the height of HTML to 100%, it leaves whitespace at the bottom. After some research, I suspect that t ...

htmlcssbootstrap-4

The variable is constantly reverting back to its initial value

Here is the code snippet: function send() { var nop = 6; var send_this = { nop: nop }; $.ajax({ type: "GET", data: send_this, url: "example.com", success: function(r) { ...

javascriptjqueryjson

What is causing the label's color to remain the same?

Once the page has loaded, the label color (which reads "enter your name") is supposed to change to red. However, despite the script being in place, the color remains unchanged. What could be the reason for this? SCRIPT window.onload = initiateScript; fu ...

javascripthtmlcssforms

Modify the `value` of the `<input type=color>` element

Hello there! I have been working on a feature where I need users to select a color and have that choice reflected in the value field. Initially, I assumed this could be achieved easily through Bootstrap's features since my project is based on Bootstr ...

javascripthtmljquerybootstrap-5

PHP effectively processes data even when the Ajax response is null

I created a form that sends a POST request to a PHP file on the server. The request is processed successfully, but when I attempt to access the response data, it appears as null. Here is my PHP code snippet: <?php header('Access-Control-Allow-Orig ...

phpjqueryajax

Using AJAX and Jquery to stop the page from reloading when a button is clicked

I am currently working on a gridview that displays all transactions of a merchant, including pending, approved, and rejected transactions. The gridview is set up with template and includes two buttons. My goal is to prevent the page from reloading when one ...

jqueryasp.netajax

Ensure that the view remains consistent while navigating a table that contains expanding concealed information

My table is dynamically populated with data within a div that has overflow: scroll and height set properties. The issue I face is that the data populates from the top, making it difficult to keep track of specific rows when scrolling within the #container ...

javascripthtmlcssangularjsscroll

Align a child element to the top and another child element to the center within a flexbox column

Struggling with flexbox column and can't find a solution online! The problem: I have a full-height flex-column on the right side of my viewport with two elements (headset icon and hangup button). Trying to vertically align them - first element at top ...

cssflexboxbootstrap-4

Determine the loading time for every page within an application using C#

I am seeking a solution that will allow me to track ajax calls and button events on multiple pages, calculate the load time of each page, and save this data (including page name and event name) in a database. Has anyone successfully implemented something l ...

c#jqueryasp.net

What is the best way to adjust the responsiveness of my AppDrag page for mobile optimization?

My landing page is all set up, but I'm looking to tweak the font sizes and spacing for mobile users. Can these changes be made using design tools instead of digging into the code? ...

csscontent-management-system

Is there a way to prevent the window.status from appearing?

I currently have the following code snippet: <a class="button accessLink" id="loginLink" href="#" data-action="Login" data-dialog="access" data-disabled="false" data-entity="n/a" ...

javascriptjquerycsshtml

With JQuery UI, a dialog can be easily created. Simply pressing the escape key will close the dialog

I have a Login dialog that triggers an alert dialog when the user fails to fill in all the required fields. Pressing escape closes the login dialog instead of the alert dialog. Libraries used: jquery-1.7.2.js jqueryui-1.8.18.js // Function to display ...

jqueryjquery-uijquery-ui-dialog

The event listener $(window).on('popstate') does not function properly in Internet Explorer

$window 'popstate' event is not functioning properly in IE when using the browser back button. Here is the code snippet used to remove certain modal classes when navigating back. $(window).on('popstate', function(event) { event.pre ...

javascriptjqueryinternet-explorerbootstrap-modalback-button

The adhesive navigation bar isn't adhering

I'm having issues with making my navbar inside a header sticky over the whole page. Despite trying various solutions like removing overflow, adjusting the flexbox, and setting a specific height on the parent element, I still can't get it to work. ...

htmlcssnavbarsticky