# Tomato CMS

<figure><img src="https://117397612-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSlG6RrSDmGrQX2xjM6AT%2Fuploads%2FJCinPEwYPeQ3wt3ftNtY%2Fscreenshot.png?alt=media&#x26;token=7bdf5965-334b-452f-b6e0-1cd91ced6cb6" alt=""><figcaption></figcaption></figure>

### Installation

```
composer require tomatophp/tomato-cms
```

or as Module

```
composer require tomatophp/tomato-cms-module
```

after installing your package please run this command

```
php artisan tomato-cms:install
```

### Markdown Editor Install

we need a markdown editor to be installed on your front let's start by installing the package

```bash
yarn add md-editor-v3
```

now you need to allow it on your app.js

```javascript
import { MdEditor, MdPreview } from 'md-editor-v3';
import 'md-editor-v3/lib/style.css';

createApp({
    render: renderSpladeApp({ el })
})
    .use(SpladePlugin, {
        max_keep_alive: 10,
        transform_anchors: false,
        progress_bar: true,
    })
    .component("MdEditor", MdEditor)
    .component("MdPreview", MdPreview)
    ...
    .mount(el);
```

### Changelog

Please see [CHANGELOG](https://github.com/tomatophp/tomato-cms/blob/master/CHANGELOG.md) for more information on what has changed recently.

### Security

Please see [SECURITY](https://github.com/tomatophp/tomato-cms/blob/master/SECURITY.md) for more information about the security.

### Credits

* [Fady Mondy](https://www.github.com/3x1io)

### License

The MIT License (MIT). Please see [License File](https://github.com/tomatophp/tomato-cms/blob/master/LICENSE.md) for more information.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.tomatophp.com/plugins/tomato-cms.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.