silexlabs / backnode Goto Github PK

At this moment we use data-bn with the type of content to mark editable elements on the HTML page. The problem is we'll have to consider a lot of type: text, img, link, video and it will keep growing. Second problem is that this type is redundant with the tag of the element.

I'm thinking we could just use a "editable" attribute (data-bn-editable="true" or data-bn="editable" or anything else). This will allow us to treat every edition request almost the same and just use a switch on tag name for special needs.

What do you think of that @RonanDrouglazet & @lexoyo ?

Hi,

Just came back from holidays and catching up with the project! I updated my branch with all your changes and tried the run script npm start, but I got a jade error:

Error: Jade:41
    39|         #logo
    40|     // backnode app
  > 41|     include src/jade/App.jade
    42|
    43|     // Cloud-Explorer
    44|     iframe(
the "filename" option is required to use "include" with "relative" paths

Did I forgot a file to update, or is it something you experience too?

Thank you, and happy new year ;)

As a new user
I'd like to see examples on how to use BN
So I can start faster

When an image source is set, it apply a size independently of the source proportion. Default behavior should use the source ratio.

BN needs to parse HTML page to find nodes with attribute "data-bn" equals to "text".
We should send user a visual feedback, whether the node is editable or not.

BN needs to parse HTML page to find nodes with attribute "data-bn" equals to "image".
Those nodes should listen to mouse over, which show a visual alert for modification, and to click, which open an upload menu to change the source.

I was thinking it would be a good thing to mark some HTML blocs as "repeatable" so the user can duplicate them as many time as he want.
We can use a list for that and just add a new <li> with the repeatable content when the user clicks on a + like button.

I tried to import a file with CE, but got this:

XMLHttpRequest cannot load http://localhost:6969/api/1.0/services/list. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://0.0.0.0:6969' is therefore not allowed access.

It's true that I'm accessing BN with http://0.0.0.0:6969 (as said in README). Tried with http://localhost:6969, it works well, but we should make a choice: 0.0.0.0 or localhost? Either we change the README or data-ce-unifile-url='http://localhost:6969/api/1.0/' in index.jade. Or allow cross-domain XHR, but I think we'll get some security issues.

Minor issue, but it can't ruin the first experience on BN, it would be a shame.

text field that does not in BN resizes when changing the text

Maybe add links in the app bar, for example

• Silex Labs
• Silex website builder
• a help page? contributors page?
• issues? source code (fork me)?
• backnode website?

As a user
I want to use some markdown in my texts
So I can write content with style !

To simplify development we should create a Docker image and make it avalaible here.

like in the previous version of BN, the user can select a screen size for the previous

When saved, the outputted HTML show duplicate headers and lots of useless attributes. I think what we should aim to is the same HTML the user gave us but with some modification in the content of the editable node.

selection marker
hover marker

use a rich text editor to edit texts

give to user a choice between Cloud Explorer to pick a remote custom file / template and a local template

Hey @lexoyo ! Can we just use the Wysiwyg component without Stage component ? Because i think the Stage component are not design to work in a div on absolute position, and resize ! It's not working on my integration, you can see my fork, but i will create a PR soon ! I think you are using window sizes and it's normal, but not compatible with BackNode interface i think

Maybe it's better to put a simple iframe on backnode interface, but use if possible wysiwyg component, responsize are the last tools to use in our scenario:
Silex -> BackNode -> Responsize