Giter Club home page Giter Club logo

block-options's Introduction

EditorsKit - Gutenberg Page Building Block Options Tweet

Plugin Version Total Downloads Plugin Rating WordPress Compatibility License

Welcome to our GitHub Repository

EditorsKit provides set of page building block options and tools for the new WordPress Gutenberg editor.

EditorsKit: Gutenberg Page Building Block Options

Features

Visibility

  • Show or Hide Gutenberg Blocks on Desktop, Tablet and Mobile Devices
  • Gutenberg Editor Blocks Visibility per User Logged-in or Logged-out State
  • Custom Conditional Display Logic for Blocks Visibility
  • Show or Hide Gutenberg Blocks based on Advanced Custom Fields Value

Rich Text Formats

Additional formats for Rich Text editor. Bringing the ease from TinyMCE to Block Editor.

  • Clear Formatting
  • Highlighted Text Colors
  • Highlighted Text Background Color
  • Paragraph Justify Alignment
  • Underline Text Format
  • Subscript
  • Superscript

Markdown

Write away! Starting version 1.6 markdown for *bold*, _italic_ and ~strikethrough~ are available on the editor.

Block Guide Lines

Toggle visible guide lines on title and each editor blocks in order to check the element boundaries. This feature will also help your workflow on handling nested blocks.

Toggle Title Visibility

Easily hide title on your website but visible when you are writing.

Installation

  1. Download EditorsKit from the WordPress plugin directory.

Bugs

If you find an issue, please report on the issues tab. Thanks!

Contributions

There are various ways you can contribute:

  1. Raise an Issue on GitHub
  2. Send us a Pull Request with your bug fixes and/or new features
  3. Translate Widget Options into different languages
  4. Provide feedback and suggestions on enhancements

block-options's People

Contributors

dependabot[bot] avatar farhan-shafi avatar friendlywp avatar kevinbatdorf avatar kprovance avatar kzeni avatar lubieowoce avatar munirkamal avatar murraydailymaverick avatar phpbits avatar rodrigo-arias avatar szepeviktor avatar wpsmithtwc avatar zafarkamal123 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

block-options's Issues

Nextpage feature broken

https://wordpress.org/support/topic/nextpage-feature-broken/

lplp (@lplp)
Hello,

This plugin is also affecting NextPage blocks.
It has no effect on the content (for instance, it doesn’t hide the page), but it change the html, adding a new

around the nextpage block.
This breaks saving something, as well as the display in Gutenberg (in weird ways sometimes, nothing is shown or a box saying that there is an error with this block).
Loading the article is also broken from time to time.

Could you change the behavior to avoid breaking those blocks ?
Either by not affecting them at all, or by adding the new feature of hiding a full page.

Thanks 🙂

Feature Request: Optionally remove the Device Visibilities from the sidebar.

The Visibility settings are actually duplicated in Gutenberg. Each block menu has a setting, and the sidebar of each block has the visibility settings, which are divided into 2 different panels – Responsive and Advanced.

To make things cleaner (at least for me), is there a way to optionally remove the visibility settings from the sidebar and only have them available from each block’s menu?

Or, at the very least, rename the Responsive tab to Visibility and move all 5 visibility settings in to this tab.

Thanks.

From : https://wordpress.org/support/topic/feature-request-optionally-remove-the-device-visibilities-from-the-sidebar/#post-11833703

more specific classes in editorskit-frontend CSS

at the moment you are using classes like .flex, .flex-row, etc. These stay in conflict with some classes used in my own CSS. I would suggest using a prefix such as .ek- to avoid conflicts with other themes as .flex might be a common used class

Show title on other pages.

Issues reported by users:

I was linking an internal post and noticed that when searching for a post that has the post title hidden, the results says "(No title)". Any way you can fix that?

Question - Making H1 invisible seems to make it invisible in the menus as well? .... or am I doing something wrong?

Add Heading Label

Similar to what bear app heading label. For better user experience.

Screen Shot 2019-05-14 at 1 40 36 PM

TypeError: Cannot read property 'desktop' of undefined

Hey Man,

Great plugin. However it conflicts with mine, especially when my plugin tries to import a json block template data and place it into the editor.

The display extension can not read the template's non-existent attributes and throws an error, making the template unusable.

Here's a video of the issue: https://cl.ly/14c4230c8644

How do you think we can overcome this issue?

Thanks!

Ability to define post/ page title selector for better hiding

I like the title hiding feature - I think it could be really handy. However sometimes it leaves behind title containers such as the

element. These often come with margins and padding which then changes the position of the post content.

What I would like to see is something like add_theme_support( 'editorskit-title' ) that requires a selector for the header container so I can ensure the wrapper gets hidden too.

Things I don't know:

  • Should the add_theme_support be specific to the feature or the entire plugin?

Add `100vh` min-height on the editor

Make the Gutenberg editor 100% of the viewport in order to have cleaner new page/posts. Having metaboxes open and available seems crowded and confusing.

Ability to define responsive sizes

Just thinking it would be pretty handy to be able to define the sizes for mobile, tablet, and desktop for the responsive hiding functionality (either in the WP admin or filter would be fine too). This would be great as every project tends to have different breakpoint needs depending on the design. A bonus would also be the ability to have a custom breakpoint per block, but that's probably not easily done...?

Add Align Text Justify Format

Describe what you’d like the format to do
Add to paragraph block only and toggle alignment to justify aside from existing alignments.

Breaks Classic Block Conversion to Blocks

I’m SUPER happy to update this review to five stars if this changes – but as is, this bug causes terrible grief to editorial teams.

When converting content created in the classic editor to blocks – this simply breaks – it converts it to HTML within a Classic Block. Disabling the plugin changes that behavior.

Once that’s fixed, this will be excellent 🙂

Reference : https://wordpress.org/support/topic/breaks-classic-block-conversion-to-blocks/

Image Block Styles

Round : border-radius: 50%;
Round corners : border-radius: 0.5em;
Diagonal : clip-path: polygon(0 15%, 0 100%, 100% 85%, 100% 0);
Cover: object-fit: cover; min-height: 100%; height: 100%;min-width: 100%;
Shadow: box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); with hover box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);

Option to display as 100vh

Add toggle option on advanced option to display the following blocks as full height:

Cover
Columns
Image
Groups

'min-height:100vh;`

Plugin conflict with Thrive Comments plugin

Sadly, there is a plugin conflict with "Thrive Comments" a premium plugin by "Thrive Themes".
As long as "EditorsKit" is active the comments won't be loaded anymore for logged-out users.
You would need to deactivate EditorsKit to have comments loading or deactivate Thrive Comments to keep using EditorsKit.

I just noticed on one of my live sites running Thrive Comments and EditorsKit 1.5

Since Thrive Comments is premium I can provide you with a copy for testing purposes. Let's connect on Slack for that ;-)

Thanks in advance!

Markdown Support

Markup support for RichText API :

Italic | italic
Bold | bold
Strikethrough | Strikethrough
code | code

Copy Link Icon

Add link icon on editor top bar that copies link when clicked.

Custom Class(es) auto complete

There should be a way for developers to define custom classes then users will easily add them via auto complete text field. With this option, I can enable utility-first classes like tailwind.

NextGen Other Options

The NextGen Other Options tab on the backend doesn't render when EditorsKit is Activated. Disable EditorsKit and the tab renders. Glad to help if I can.

Better Responsive and User State Toggles

Since I'm using freemius now I can check the deactivation reasons for users. Some didn't understand the icon toggles. These needs to be changed to ToggleControl and Responsive Panel in order to avoid confusions.

Breaks CMB2

Currently, Editor's Kit breaks the use of CMB2 (file upload field) on an options page. The scripts need not to be enqueued globally but instead should only be enqueued in admin_enqueue_scripts.

Rename tagline

Change "Page Building Block Options" to "Gutenberg Page Building Toolkit"

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.