Hello there! Im running a GitLab CI/CD pipeline which builds composer and npm packages and also my compiled css and js for production. Unfortunately the CSS of twill is not generated. Any advice?

Hey @24C Felix, do you have custom vue components that are used in Twill?

Because otherwise you can run

php artisan twill:update

during ci to copy the core assets to the public folder.

I don't have any custom components. Thank you very much!

It is definitely working!

I created simple form on the custom page. How i can get data from inputs? For example, i want output data to alert() with ?

You can create default HTML button and just append CSS class of a17-button component

Ok. But this is vue. So there is some kind of reactive value that I can get.

Or not?

Im not sure for custom pages, but on forms all component states are stored in vuex store. So you can use getter to retrive value for your specific input components.

Let's ask @ifox about it)

you'd need to bind them in the context you're using them. for example, the date picker component emits

input

and

blur

events

Is there an example of how to do this?

hello, can i upload a svg in the media library?

.svg

is enabled by default, so you should be able to upload it.

'allowed_extensions' => ['svg', 'jpg', 'gif', 'png', 'jpeg'],

https://twill.io/docs/getting-started/configuration.html#media-library

is there a way to add a live page editor? and is there any. ive obly found php page builder

And yet?)

Hello, there is no global live page editor. Twill uses block editor to dynamicly create pages/ content on frontend. https://twill.io/docs/block-editor/

Hi, I`m using twill 2.8.2, will I be able to nest repeaters or add block inside a a repeater ?

I`ve tried both, and in first solution the nested repeater gets sent to backend as "blocks" and does not save (Ive modified both repositories to save both relations), adding HasBlocks on repository yileds 500 "missing array key "type"

when adding block to repeater the admin view does not render and yields 500: Undefined variable $form_fields (View: .../vendor/area17/twill/views/partials/form/utils/_block_editor_store.blade.php)

Hi @Mouse83 the

block_editor

field is not meant to be used inside of a

repeater

field. you can however use a

repeater

field inside a block of your

block_editor

field.

@ifox thanks for prompt reply

Hi @ifox thanks a lot it works. If you need tables you should add

'type' => 'tiptap'
'toolbarOptions' => [  "table"]

. Can you tell me please how can I find out all toolbarOptions that I have for this text editor? I visit this site https://tiptap.dev/examples/tables but I can not understand. Thanks

Works only this:

['header' => [2, 3, 4, 5, 6, false]],
      'bold',
      'italic',
      'underline',
      'strike'
      "blockquote",
      "code-block",
      ['list' => 'ordered'],
      ['list' => 'bullet']

this not workin:

["script" => "super"],
      ["script" => "sub"],
      ['indent' => '-1'],
      ['indent' => '+1'],
      ["align" => []],
      ["direction" => "rtl"],
      'link',
      "clean",

Twill tiptap is using imports from

tiptap-extensions

npm package. From Twill component you can see all options supported, which you pass in props. https://github.com/area17/twill/blob/2.x/frontend/js/components/WysiwygTiptap.vue#L20-L122

Thanks! I see link is commented https://monosnap.com/file/iE2ynsqXVWbRZuOZ6ISIRhkCjcbUMg. What is bubble mode and how i can use link?

unfortunately Tiptap link support is not great. For context, we added tiptap for its table support. We still use quill for the rest and usually we are providing editors a dedicated block for tables with only the table option enabled in tiptap.

unless you absolutely need the table in the same wysiwyg block, this shouldn't be an issue