Navigation

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Popular
    • Tags
    • Users
    • Groups
    1. Home
    2. Tags
    3. composer
    Log in to post
    • omega

      Composer - List Icon change: fa-list > fa-list-ul
      Feature Requests • composer css icon • • omega

      3
      0
      Votes
      3
      Posts
      89
      Views

      omega

      @baris Oh my! 😳

      πŸ˜€Awesome!

    • fortunato

      Image upload
      Bug Reports • composer error image upload • • fortunato

      2
      0
      Votes
      2
      Posts
      163
      Views

      fortunato

      @fortunato I forgot to say that this error doesn't show up when creating a new topic and sometimes it works also in replies. The error in the NodeBB UI is the following: "stream ended unexpectedly"

      6c6ff98f-95d8-4ad4-b402-b7a336cf47e7-image.png

    • F

      Error in composer due to draft mode - Uncaught TypeError: Cannot read property 'split' of null
      Bug Reports • bugs compose composer core • • faizanzahid

      7
      0
      Votes
      7
      Posts
      1242
      Views

      fais3000

      @baris nope, on both

    • julian

      Override formatting toolbar button with your own custom button
      Tutorials • composer css formatting • • Julian Lam

      1
      1
      Votes
      1
      Posts
      949
      Views

      julian

      As part of the creation of the Tenor GIF plugin, I needed to add a button to the composer toolbar:

      gif button in composer

      Normally, this is fairly straightforward. filter:composer.formatting is called, and caught with this listener:

      plugin.registerFormatting = function (payload, callback) { payload.options.push({ name: 'gif', className: 'fa fa-tenor-gif', title: 'Insert GIF' }); callback(null, payload); };

      The className denotes a class name (of course), and if you use fa and and corresponding fa-* class, you can select from hundreds of possible icons. Unfortunately for me, there was no "gif" icon, nor one for Tenor GIF.

      So I had to set out to make my own. To do this, you'll see that above, I set the class fa-tenor-gif. This maps to nothing, since the icon doesn't exist. However, it does provide a nice easy way to find and style the button itself.

      Then in my stylesheet, I simply added this styling to create my button via CSS pseudo-elements:

      .fa-tenor-gif::before { content: 'GIF'; font-size: 1rem; font-family: sans; background: #333; color: #fff; padding: 0.25rem 0.5rem; border-radius: 0.5em; position: relative; top: -0.2rem; }

      I wanted to go for a "badge-like" icon, since the text "GIF" fairly easily indicates what its purpose is for, hence the dark background, light text, and slight border radius.

      If you wanted to do something else, like replace the icon with a picture of your own, then you might want to look into using background-image, but that is outside of the scope of this tutorial πŸ˜„

    • sebastian-marinescu

      SOLVED [nodebb-plugin-composer-redactor] Customizing Redactor's Toolbar
      NodeBB Plugins • composer customization redactor toolbar • • sebastian-marinescu

      3
      0
      Votes
      3
      Posts
      1467
      Views

      sebastian-marinescu

      Okay, thanks @julian
      This isn't ideal considering future updates, but it is a viable solution.

    • JaredBusch

      Composer preview auto size issue
      Bug Reports • bug composer preview • • JaredBusch

      3
      0
      Votes
      3
      Posts
      1811
      Views

      JaredBusch

      @baris said in Composer preview auto size issue:

      This is already reported here https://github.com/NodeBB/NodeBB/issues/5208

      Cool

    • Jam

      Need help for adding thumbnail info to the nodebb-plugin-composer-redactor
      Technical Support • composer • • Jam

      18
      0
      Votes
      18
      Posts
      4614
      Views

      yariplus

      @Jam haha yeah, google translate figured it out. It just took me a minute to realize I had to type it in Chinese characters.

    • K

      Where's the template file of 'composer' ?
      NodeBB Development • component composer template • • K68

      6
      0
      Votes
      6
      Posts
      2393
      Views

      K

      @Bri @pichalite
      I got it now πŸ‘ , thank you guys πŸ™‚

    • Bri

      Composer window positioning
      Bug Reports • composer • • Bri

      2
      0
      Votes
      2
      Posts
      1320
      Views

      julian

      Yeah this is intentional, I believe, as the composer is best used at a certain height and up. Any shorter, and the composer will slide downwards to obscure itself.

    • agusputra

      Why not use composer-redactor as default editor?
      NodeBB Development • composer redactor user experience • • agusputra

      22
      1
      Votes
      22
      Posts
      8636
      Views

      F

      @agusputra I agree with your suggestion about helper buttons. The open source project Rocket Chat has an unobtrusive way of hinting basic Markdown syntax.
      0_1447403857660_markdown_hint1.png
      Simply a line of greyed text that becomes regular text on mouseover
      0_1447403978825_markdown_hint2.png
      It might be useful to have something like this at the bottom of the editor input field.

    • Nicolas

      UNSOLVED Default Composer Issue
      Bug Reports • composer issue • • Nicolas

      1
      0
      Votes
      1
      Posts
      1105
      Views

      Nicolas

      Guys, this problem also on this board:

      https://github.com/NodeBB/nodebb-plugin-composer-default/issues/6

      NicolasSiver created this issue in NodeBB/nodebb-plugin-composer-default closed Latest lines in composer are not clickable #6
    • drew

      Redactor Composer 1.3.4 Released!
      NodeBB Plugins • composer plugin redactor wysiwyg • • drew

      64
      7
      Votes
      64
      Posts
      31622
      Views

      Bhavya Dhiman

      Quite Worth It
      Very Nice

    • tfraley

      Don't think my composer is working correctly.
      Technical Support • composer • • tfraley

      6
      0
      Votes
      6
      Posts
      1833
      Views

      tfraley

      Thanks @pichalite for all the help last night.

      Issued closed.

    • drew

      Change Composer to Redactor
      Feature Requests • composer • • drew

      43
      0
      Votes
      43
      Posts
      20373
      Views

      Kalbaskin

      @nhl.pl It works, but bad.

    • ?

      BUG: Do not download files
      Technical Support • bug composer download • • A Former User

      3
      0
      Votes
      3
      Posts
      1845
      Views

      ?

      @yariplus ha-ha, yes. It was in this. Now everything works fine, thank you!

    • ?

      Blank screen when you close the composer ...if the home page is assigned recent
      Technical Support • bug composer • • A Former User

      2
      1
      Votes
      2
      Posts
      1485
      Views

      baris

      Fixed in https://github.com/NodeBB/NodeBB/commit/1d72a8f0ee57b6d3c5a4503e7d1cab0d5f1a3c1b

      Thanks for reporting.

      0 barisusakli committed to NodeBB/NodeBB fix composer redirect on home page
    • Bobber

      Composer Preview and plugins are broken
      General Discussion • composer preview • • Bobber

      5
      0
      Votes
      5
      Posts
      2136
      Views

      Bobber

      @esiao @Mega My bet - that is been resolved by simply updating the forum to 6.0. Sorry i though i'm in different topic πŸ™‚

    • L

      Is there a way to replace composer's tags function from plugin?
      NodeBB Plugins • autocomplete client-side composer taginput • • lpeachl

      1
      1
      Votes
      1
      Posts
      1205
      Views

      L

      I want to rewrite the entire taginput and autocomplete but don't want to edit core file.

      Is there a way i can edit them from plugin? or way to point composer to use my system instead?

    • julian

      Better late than never... revamps to mobile composer
      NodeBB Development • composer mobile nodebb • • Julian Lam

      7
      3
      Votes
      7
      Posts
      3439
      Views

      esiao

      Fun thing about Apple Safari on iOS the bars that are not removable takes like 100px of the total height resulting in a 400px height canvas for your website and add the keyboard over this to have some fun.

    • trevor

      Any reason why the dual composer view was chosen over WYSIWYG?
      NodeBB Development • composer feature wysiwyg • • trevor

      23
      6
      Votes
      23
      Posts
      12103
      Views

      J

      Hi, I'm the s9e\TextFormatter author. I have a couple of Google Alerts so unlike Beetlejuice you only have to save my name once for me to appear. πŸ™‚

      s9e\TextFormatter is a PHP library with a JavaScript port. It uses plugins to let the user pick and choose what kind of features they want. The JavaScript version is generated by the PHP library, which means you'd need PHP as part of your build process. Once the JavaScript is generated it can be redistributed easily so I guess you could bundle a preconfigured/pregenerated version. You can see a couple of live demos there: BBCodes+stuff demo, Fatdown (Markdownish+stuff) demo.

      The client-side rendering is performed with XSLTProcessor. Adding an MSXML fallback for IE is easy. Rendering in pure JS is technically feasible (there's already a pure PHP renderer) but I never got to it because I have no use for it. The library could be used as the base for a true WYSIWYG editor (where what you see is actually what you get because there's no conversion from HTML back to Markdown or things like that) but that would be a big project. I'd be willing to discuss any type of collaboration if someone's interested.