• Jodit
  • PRO
  • Builder
  • Getting Started
  • Playground
  • Examples
  • Documentation
  • Download
  • Overview
  • Issue tracker
  • Docs
  • Plugins
  • Demo
  • Pricing
  • File Browser Pro
  • Sign in
Get connected wth us on social networks!

Footer

Jodit Core

  • Jodit Home page
  • Documentation
  • Playground
  • Examples
  • Github
  • Issues

Integration

  • Jodit React
  • Jodit Angular
  • Jodit Vue
  • Jodit Yii2
  • Jodit Joomla

PRO/OEM plugins

  • AutoComplete
  • Backup Plugin
  • Button Generator
  • Change case
  • Custom Color Picker
  • Emoji
  • Finder
  • Google Search
  • Paste code
  • Show Blocks
  • Virtual Keyboard
  • Tune block
  • Highlight signature
  • Google Maps Editor
  • Export in PDF
  • Page Break
  • Iframe Editor
  • Paste from Word PRO
  • Mobile View
  • ToDo List
  • Translate

Links

  • Demo PRO/OEM
  • Demo FileBrowser PRO
  • Price
  • License
  • Support
  • For resellers

Versions

  • site v.0.1.810
  • Jodit PRO v.4.6.4
  • Jodit v.4.6.2
  • All versions
2025 © Copyright: XDSoft.net <support@xdsoft.net>
  • Getting started

    • Installation
    • Usage
    • Support
    • FAQs
    • Cloud
    • Examples
  • How to

    • Create plugin
    • Add custom button
    • Add custom font in the font list
    • How to create module
    • How to generate license key
    • How to make a backend finder
    • How to set up document view
  • Modes

    • Source mode
  • Customisation

    • Theme
    • Keyboard
  • API

    • License Rest API
    • JS API
  • Changelog

  • Plugins

    • AutoComplete
    • Backup Plugin
    • Button Generator
    • Change case
    • Custom Color Picker
    • Emoji
    • Finder
    • Google Search
    • Paste code
    • Show Blocks
    • Virtual Keyboard
    • Tune block
    • Highlight signature
    • Google Maps Editor
    • Export in PDF
    • Page Break
    • Iframe Editor
    • Paste from Word PRO
    • Mobile View
    • ToDo List
    • Translate

Mobile View - Plugin for viewing the contents of the editor in a mobile view

It is often necessary to see how the page will look like in mobile view. You can use the mobile-view plugin for this.

Installation

If you are using a fat build of the editor, then the plugin is already included in it. If you are using the slim build, then you need to enable it manually.

<!-- js --> <script src="https://unpkg.com/browse/jodit-pro@1.3.28/build/plugins/mobile-view/mobile-view.js"></script> <!-- css --> <link rel='stylesheet' href="https://unpkg.com/browse/jodit-pro@1.3.28/build/plugins/mobile-view/mobile-view.css"></link> <script> Jodit.defaultOptions.extraPlugins.push('mobile-view'); Jodit.make('#editor'); </script>
Copy

Options

Several resolutions are available by default:

const resolutions = [ { value: 'default', title: 'Default' }, { value: 375, title: 'iPhone SE' }, { value: 414, title: 'iPhone XR' }, { value: 390, title: 'iPhone 12 Pro' }, { value: 393, title: 'Pixel 5' }, { value: 820, title: 'iPad Air' } ];
Copy

In order to add your own permissions, you need to add the following code in the config.js file:

Jodit.defaultOptions.controls.mobileView = { ...Jodit.defaultOptions.controls.mobileView, list: [ ...Jodit.defaultOptions.controls.mobileView.list, { value: 320, title: 'iPhone 5' }, { value: 360, title: 'iPhone 6' }, { value: 768, title: 'iPad' } ] };
Copy

Or right at the initialization of the editor

Jodit.make('#editor', { controls: { mobileView: { list: [ { value: 320, title: 'iPhone 5' }, { value: 360, title: 'iPhone 6' }, { value: 768, title: 'iPad' } ] } } });
Copy

Demo

A forest is an ecosystem represented by a variety of trees. Forests are deciduous, coniferous, oak and mixed species. Tundra and taiga also belong to forest varieties. The forest is called "the lungs of the planet", because it produces a huge amount of oxygen, and conifers saturate the air with vital nitrogen. But unfortunately, excessive deforestation and forest fires lead to a decrease in oxygen production, as well as to soil erosion and a reduction in the range of animals and insects.

Button

Way through the yellow forest
Photo by Patrick Fore on Unsplash

Some people think that the forest is a lot of trees and a bunch of annoying insects. But the forest is a fairy tale where you can meet many interesting and unusual things. In the forest, besides trees, a lot of shrubs and other plants grow. Forest glades are covered with many berries and mushrooms. Mushroom pickers visit the forest behind honey agarics, aspen mushrooms, boletus mushrooms, brown mushrooms, chanterelles. And those who decide to just walk through the forest will always be able to pick up a small basket of berries such as blueberries, strawberries, raspberries.