jartes / wikiblock Goto Github PK
View Code? Open in Web Editor NEWAnother Gutenberg block
Another Gutenberg block
Wikiloc URLs might have additional parameters at the end, like:
https://www.wikiloc.com/mountaineering-trails/pico-aneto-3-404-m-desde-refugio-la-renclusa-el-aneto-pirineo-aragones-7155265#lb-embed
The block will need to remove the #lb-embed
anchor (and probably any tag to retrieve the trail ID correctly.
Add to the block.json configuration file the option to support block alignment: wide, full, left, center, and right.
To have more flexibility when adding the block and aligning it depending on the layout needs. This also will follow the standard Gutenberg options for alignment.
By adding the support flag on the block.json
configuration file, and making any CSS adjustments if needed.
Let's add more customizations on the map and bring more options to the block.
Wikiloc has a few options to customize how the embed map will be displayed, like the map type, the width, etc:
This will help to customize how the map will look like by using the iframe options that Wikiloc currently has.
We'll need to implement the different fields noted on the "What" section, and modify the URL that is used on the iframe.
During the step of retrieving the trail ID, the block should indicate when the URL is not correct (now it doesn't render anything).
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.