This repository has been archived on 2023-03-18. You can view files and clone it, but cannot push or open issues or pull requests.
osr-discourse-src/app/assets/javascripts/discourse/components/text-overflow.js.es6
Joffrey JAFFEUX 683cb28099
DEV: enforces ember-template-lint: no-triple-curlies (#9165)
This pr replaces `{{{ }}}` usage by a {{html-safe}} helper. While it doesn't solve the underlying issue, it gives us a path forward without risking breaking too much existing behavior.

Also introduces an htmlSafe computed macro:

```
import { htmlSafe } from "discourse/lib/computed";

htmlDescription: htmlSafe("description")
```

Overtime {{html-safe}} usage should be removed and moved to components properties or specialized components/helpers.
2020-03-11 09:23:10 +01:00

28 lines
530 B
JavaScript

import { next } from "@ember/runloop";
import { htmlSafe } from "@ember/template";
import Component from "@ember/component";
export default Component.extend({
text: null,
init() {
this._super(...arguments);
this.set("text", htmlSafe(this.text));
},
didInsertElement() {
this._super(...arguments);
next(null, () => {
const $this = $(this.element);
if ($this) {
$this.find("br").replaceWith(" ");
$this.find("hr").remove();
$this.ellipsis();
}
});
}
});