All Projects → brocessing → kirby-previewfiles

brocessing / kirby-previewfiles

Licence: MIT license
💪 A Kirby field to enable file thumbnail preview in the panel sidebar

Programming Languages

javascript
184084 projects - #8 most used programming language
PHP
23972 projects - #3 most used programming language

Projects that are alternatives of or similar to kirby-previewfiles

kirby-file-types
Show file fields only for specific file types
Stars: ✭ 13 (-62.86%)
Mutual labels:  kirby, kirby-field
vue-modal
A customizable, stackable, and lightweight modal component for Vue.
Stars: ✭ 96 (+174.29%)
Mutual labels:  panel, sidebar
Panel Bar
panelBar for Kirby 2 CMS
Stars: ✭ 70 (+100%)
Mutual labels:  kirby, panel
kirby-sortable
Making subpage managing a breeze
Stars: ✭ 82 (+134.29%)
Mutual labels:  kirby, kirby-field
Cartkit
Cartkit - The [quick] starter kit!
Stars: ✭ 39 (+11.43%)
Mutual labels:  kirby, panel
Kirby Git Content
Commit and Push changes made via the Panel
Stars: ✭ 92 (+162.86%)
Mutual labels:  kirby, panel
field-engineer
A Kirby field for complex field structures.
Stars: ✭ 49 (+40%)
Mutual labels:  kirby, kirby-field
kirby-git
Kirby plugin for updating content in the panel via Git
Stars: ✭ 75 (+114.29%)
Mutual labels:  kirby
react-native-color-panel
React Native Color Panel Component for iOS and Android 🏳️‍🌈
Stars: ✭ 21 (-40%)
Mutual labels:  panel
SpicyTaco.AutoGrid
A magical replacement for the built in WPF Grid and StackPanel
Stars: ✭ 67 (+91.43%)
Mutual labels:  panel
Kirby-Assistant
用于在安卓平台手机上下载游玩星之卡比系列游戏的应用程序
Stars: ✭ 19 (-45.71%)
Mutual labels:  kirby
UnityGUI
UGUI Panel Systems for navigation, animation and more
Stars: ✭ 80 (+128.57%)
Mutual labels:  panel
discord-sidebar-price-bot
A minimal Discord sidebar price bot (supports forex, crypto, eth gas & fear and greed index)
Stars: ✭ 37 (+5.71%)
Mutual labels:  sidebar
kirby-hashed-assets
🛷 File name hashes support for css() and js() helpers. Without rewrite rules!
Stars: ✭ 15 (-57.14%)
Mutual labels:  kirby
KubePi
KubePi 是一个现代化的 K8s 面板。
Stars: ✭ 1,513 (+4222.86%)
Mutual labels:  panel
twitch-extension-starter
Kickstarts your Twitch Extension using React
Stars: ✭ 38 (+8.57%)
Mutual labels:  panel
linux-mdss-dsi-panel-driver-generator
Generate Linux DRM panel kernel driver based on QCOM MDSS DSI device tree
Stars: ✭ 41 (+17.14%)
Mutual labels:  panel
clifm
The shell-like, command line terminal file manager: simple, fast, extensible, and lightweight as hell
Stars: ✭ 825 (+2257.14%)
Mutual labels:  file-preview
KirbyComments
[Kirby 2] File-based comments stored as subpages for the Kirby CMS.
Stars: ✭ 68 (+94.29%)
Mutual labels:  kirby
aiopanel
An asyncio text-based panel
Stars: ✭ 20 (-42.86%)
Mutual labels:  panel

Kirby Preview Files

Enable file thumbnail preview in the panel sidebar

version kirby_version license



preview


Installation

Use one of the alternatives below.

1. Using kirby-webpack

Simply use the built-in Kirby Package Manager by running:

$ npm run kirby:add
$ [?] Git URL: https://github.com/brocessing/kirby-previewfiles
$ [?] Module name: previewfiles
$ [?] Category: fields

2. Kirby CLI

If you are using the Kirby CLI you can install this plugin by running the following commands in your shell:

$ cd path/to/kirby
$ kirby plugin:install brocessing/kirby-previewfiles

3. Clone or download

  1. Clone or download this repository.
  2. Unzip the archive if needed and rename the folder to previewfiles.

Make sure that the plugin folder structure looks like this:

site/fields/previewfiles/

4. Git Submodule

If you know your way around Git, you can download this plugin as a submodule:

$ cd path/to/kirby
$ git submodule add https://github.com/brocessing/kirby-previewfiles site/fields/previewfiles

Setup

Blueprint

To enable file preview for a given page, add the following code to its blueprint:

fields:
  previewfiles:
    type: previewfiles

Requirements

Disclaimer

This field is provided "as is" with no guarantee. Use it at your own risk and always test it yourself before using it in a production environment. If you find any issues, please create a new issue.

License

MIT

It is discouraged to use this field in any project that promotes racism, sexism, homophobia, animal abuse, violence or any other form of hate speech.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].