Kirby YAKME - yet another kirby markdown editor

Plugins Discontinued
, , , ,
25

I come to Kirby from Textpattern and that had a plugin which was able to turn an Excel spread sheet into an html table. It was mearly a simple wrapper around a freely avaiable PHP spreadsheet library and it could only handle XLS files but it worked well enough. Shouldnt be too hard to build a similar plugin for Kirby. This simply let a user upload a spreadsheet file through the CMS and a special tag on the page determined where the table got generated given a source file ID.

The plugin died long ago and its author went awol but its in my github repo for prosperity if anyone fancies porting it to Kirby: https://github.com/CodeStalker/rcb_excel/blob/master/rcb_excel.php

26

kirby_table.gif1680×1052 1.22 MB

I just created this table-builder in less than half an hour :slight_smile:

It’s not a plug-in, or something; just a structure builder - where every structure is a table-cell.

To keep things simple, rows are added automatically and tfoot / thead are not supported.

Individual cell can be swapped in the panel and you have a live preview of both the table-structure and some of the cells-content.

I can upload the code, if you want.

27

This post went into the wrong place… AJAX loaded a post into a post… I’m really losing my way with all the options in this forum :blush:

@bvdputte Like I said - you can build tables easy with a structure-field.

Kirby YAKME - yet another kirby markdown editor

It’s not really a plug-in, or field or something; just adding cells as structures :slight_smile:

28

Nice! Thats pretty cool. Please do share the code if your happy too.

29

Having the excel spreadsheet working as well would make my day. I work a lot with clients that have tarrifs (as in hotels and holiday parks) or things like product specifications. The table builder you made is great if don’t already have to content but would mean a lot of manual entry in my use case. The excel to html table plugin would make my day.

30

Will upload the snippet right now.

Easy tables can be done with markdown, complex tables are… complex - so this snippet sits in between :stuck_out_tongue:

Here You Are.

31

Thanks very much this is useful :slight_smile:

32

You’re welcome - it’s not an “out of the box” solution (you’ve to code some things your self) - but it can come in handy as a startpoint.

Each cell can have it’s own #ID and .classname - but I did not use that right now :slight_smile:

33

I you have really lot’s of data, you can off course export the excel sheet to .csv and convert that to markdown.

  1. https://donatstudios.com/CsvToMarkdownTable
  2. http://www.tablesgenerator.com/markdown_tables
34

I did not know that! Thanks for the tip.

35

I’ve not tried this plugin yet but it looks really interesting. I think that the PHP part can be improved. Maybe I can help you with that sometime after my vacation is over? It’s not possible to add issues to this repo?

36

It’s work in progress :slight_smile:

Basically, it’s 100% MDE Light (Markdown Editor Light), powered by CodeMirror;

I didn’t change one line of their code (because I want to be able to update both these libraries anytime, without actions / hooks from my side).

So basically, YAKME is nothing more than a Kirby Wrapper for those excellent scripts.

The PHP part is also very simple… it just renders a textarea, that’s all :stuck_out_tongue_winking_eye:

But you’re welcome to (re-)write some parts - I don’t have the time to react on issues, that’s why I did not enable it on Git… sorry;

I decided to keep things simple and support it only here - because I think that’s better than not support / react at all.

Anyhow; I am also integrating support for Kirby Tags (they are not visually recognized at the moment, neither do they show a live preview).

(Of course you can always use them, because every YAKME field is rendered correct by Kirby itself).

…please, feel welcome to correct my code - I want to learn from the best!

37

Maybe you don’t agree but I would use the register set feature for the field etc. Then all needed stuff would be in the plugin. I also would add a package.json which makes it possible to install it as plugin with Kirby CLI.

3 Likes
38

I do fully agree - but both the registry and CLI are beyond my skills, at the moment…

(I only do Kirby “part time”, 95% of my work is Wordpress related / drawing comics).

So please, feel free to correct anything you see.

In the meantime, I will update some JS-functions :slight_smile:

1 Like
39

Any plans of making something like multiple H-Icons for the different headings? Some clients just like to get as close as possible to a wysiwyg editor.

So if you could add the ability to configure like this:

c::set('textarea.h1', 'h2');
c::set('textarea.h2', 'h3');
c::set('textarea.h3', 'h4');
...

Also if you could turn buttons on and off via blueprint would be awesome.

 yakme_example:
    label: Yakme - Example
    type:  yakme
    buttons:
    - h1
    - h2
    - bold
    - olist
    - link

Same as the enhanced textarea plugin does: https://github.com/medienbaecker/kirby-enhanced-textarea
Could be handy

40

Nope, sorry! :slight_smile:

I want to stay 100% close to the original ( Simple MDE ) and wrap that editor into Kirby, without changing one line of code…

That’s the “idea” of this field; it’s the Simple MDE editor, suited for Kirby.

I like your approach, really!, but it’s different than mine; if you want multiple-H-tags, you can consider using one of these awesome fields (which do not follow an existing editor, but are both based on the same core as mine editor (CodeMirror));

The last one comes close to YAKME, but without the advanced preview / side by side / shortcuts / etc…

Each editor has it own strong points, so feel free to choose!

1 Like
41

Maybe you can just show this capture in order to demonstrate the power of Simple MDE…

The H button toggles all states :slight_smile: of course I can show all 6 H buttons but I don’t want the toolbar to become crowded (which is already the case… will fine-tune it in the next update).

1 Like
42

Hello! Nice field!
Just a question… how to style the output text with the same font, sizes etc… like the frontend? is there any way to add the frontend css to the backend preview? That could help a lot!
Thanks!

1 Like
43

It’s possible, yes

I will update the next version with this option.

- update - And it’s done.

44

What about select what buttons to include through the blueprint like the built in textarea field? Is that something you will add?